使用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()">