更改下拉菜单后,将文本写入文本框

Write text to textbox after dropdown menu has been changed

本文关键字:文本 下拉菜单      更新时间:2023-11-22

我想用下拉菜单中的选定文本将文本添加到文本框中,并在其后放置一个","。()。

<select>
<option value="1">This</option>
<option value="2">is</option>
<option value="3">test</option>
</select>

现在,当您选择选项"is"时,文本框将更新为"is,"。现在仍然在您选择"This"的同一页面上,文本框将更新为"is,This,"。重新加载页面并以另一种方式进行操作,您会得到"This,is,"。

希望你能理解我在这里想做什么,遗嘱中包含数据库中的值,所以我不知道这些值到底是什么。

提前谢谢。

我认为这样的东西应该有效:

<select id="dropdownId">
    <option value="1">This</option>
    <option value="2">is</option>
    <option value="3">test</option>
</select>
<input id="textboxId" type="text" />
<script type="text/javascript">
    $('#dropdownId').on('change', function () {
        $('#textboxId').val($('#textboxId').val() + $('#dropdownId option:selected').text() + ', ');
    });
</script>

Fiddle