JavaScriptを使用して選択した値を追加します

Question

私のプロジェクトには、選択した値を現在の値に追加するJavaScript関数が必要です。 例えば、私は次のコード

var select = document.getElementById('cmbitems'); 
 
var input = document.getElementById('txtprice'); 
 
select.onchange = function() { 
 
    input.value = select.value; 
 
}

<select name="cmbitems" id="cmbitems"> 
 
    <option value="price1">blue</option> 
 
    <option value="price2">green</option> 
 
    <option value="price3">red</option> 
 
</select> 
 
<input type="text" name="txtprice" id="txtprice" onClick="checkPrice()">

を使用していますそれは一つの選択された値が表示されます。 前もって選択した値に選択した値を追加する必要があります。最初に「青」を選択してから「緑」を選択すると、「青、緑」が表示されます。その後、赤色を選択すると、「青、緑、赤」が表示されます。

何か助けていただきありがとうございます！

Answer 1

これは、選択したテキストをあなたの要求として返します。

var select = document.getElementById('cmbitems'); 
 
var input = document.getElementById('txtprice'); 
 
select.onchange = function() { 
 
    input.value = input.value + (input.value.length > 0 ? "," : "") + select.options[select.selectedIndex].text 
 
}

<select name="cmbitems" id="cmbitems"> 
 
    <option value="price1">blue</option> 
 
    <option value="price2">green</option> 
 
    <option value="price3">red</option> 
 
</select> 
 
<input type="text" name="txtprice" id="txtprice" onClick="checkPrice()">