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

时间:2013-11-28 14:17:37

标签: javascript jquery html select textbox

我希望使用下拉菜单中的所选文本将文本添加到文本框中,然后在。()之后放置一个“,”。

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

现在,当您选择“是”选项时,文本框会以“是”更新。现在仍然在同一页面上选择“This”,文本框会更新为“is,This”。重新加载页面并以相反的方式进行,你会得到'This,is,'。

希望你能理解我在这里要做的事情,意志包含来自数据库的值,所以我不知道这些值到底是什么。

提前致谢。

1 个答案:

答案 0 :(得分:1)

我认为这样的事情应该有效:

<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