将选项追加到多个选择框中
append option to multiple select boxes
我想在多个选择框中添加一个选项,但有些原因我无法做到,下面是我的代码片段。请帮我解决这个问题。
<select name="selBx-1" id="selBx-1" class="sel-opt">
<option value="general">General</option>
<option value="special">Special</option>
<option value="addnew">Add New</option>
</select>
<select name="selBx-2" id="selBx-2" class="sel-opt">
<option value="general">General</option>
<option value="special">Special</option>
<option value="addnew">Add New</option>
</select>
<script type="text/javascript">
$(document).ready(function(e) {
$(document).on("change",".sel-opt",function(){
var selVal = $(this).val();
if(selVal == 'addnew')
{
$(".sel-opt option:last").before("<option value='newoption'>New Option</option>");
}
})
});
</script>
我不知道这是否正是您想要的功能,但希望它能有所帮助。
$(document).ready(function(e) {
$(".sel-opt").on("change", function(){
if($(this).val() === "addnew"){
$(".sel-opt").find("option:last").before("<option value='newoption'>New Option</option>");
}
});
});
$(document).ready(function(e) {
$('select').change(function(){
var selVal = $(this).val();
if(selVal == 'addnew')
{
$(".sel-opt").each(function() {
$(this).children('option').filter(':last').before(new Option("New Option", "newoption"));
});
}
})
});
JSFIDDLE演示
相关文章:
- CKeditor:更改对话框中的默认选择选项
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- AngularJs列表ng单击以选择选项转换
- 使用基于文本的 Jquery 选择选项
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 选择选项时如何显示警报
- 使用php动态更改选择选项
- 选择“选择选项”时显示文本.怎么做
- LEAFLET地图和带有选择选项的标记-ANGULARjs
- 使用js将动态内容添加到选择选项列表中
- 用于使用javascript循环选择选项
- AngularJS-选择选项并在函数中使用它
- 禁用/启用基于单选/选择选项所选Javascript的文本框
- 如何使用jQuery隐藏与选择选项相关的选择选项列表
- 选择选项是添加或删除事件
- 使用jQuery向“选择选项”添加默认属性
- 构建HTML选择字段并使用JavaScript数组选择选项
- 带有动态选择选项的Firefox html5验证异常
- 只有当Angular从资源对象检索数据时,才选择选项元素