更改下拉菜单后,将文本写入文本框
Write text to textbox after dropdown menu has been changed
我想用下拉菜单中的选定文本将文本添加到文本框中,并在其后放置一个","。()。
<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
相关文章:
- 单击下拉菜单时,将文本粘贴到输入框中
- '使用文本区域中的字符串动态填充下拉菜单
- 如何从下拉菜单中读取所选文本
- Bootstrap下拉菜单-仅复选框不选择文本
- 使用带有数据库信息的下拉菜单填充文本框
- 更改下拉菜单后,将文本写入文本框
- 如何在jquery中使用其他下拉菜单来设置下拉菜单的文本和值
- 高亮显示文本后打开下拉菜单
- 级联下拉菜单干扰自动完成文本框
- jquery下拉菜单修改所选文本,但在后续单击时显示先前所选文本的原始值
- 如何根据下拉菜单选择隐藏/显示文本框
- 使用.on的多个下拉菜单选择文本仅适用于第一个下拉菜单
- 如何从自动填充随机数字的下拉菜单中生成一组文本框
- 在任一下拉列表中选择“其他”时,两个下拉菜单将打开一个文本框
- 页面重定向后,使用选定的选项文本更新下拉菜单文本
- 文本区域因下拉菜单中的选定项而异
- 我怎样才能让这个 JavaScript 下拉菜单来处理特定的文本
- HTML 3 依赖的下拉菜单按文本文件填充
- 从依赖于下拉菜单的文本框中获取值,然后添加值
- Javascript 下拉菜单和文本区域的验证