如何将选择选项显示到新附加的选择选项中

格伦登·罗丹

我有一个主选择选项,如果值等于函数,则函数结果将显示在子选择选项上。但是,当我追加新的子选择选项时,结果将不会显示在新选项上。

<select id="system-select-1" class="form-control" data-id="1">
 <option selected>Select</option>
 <option value="test1">test1</option>
 <option value="test2">test2</option>
 <option value="test3">test3</option>
</select>

<select id="sdo-select-1" data-id="1" class="form-control sdo-select">
 <option selected>Select</option>
</select>

整个代码

裸汗

您可以做几件事来填充新添加的子选择。最快的方法是.change()在主选择上触发事件,如下所示:

$(document).on('click', '#add_sdo', function(){
   i++;
   $('#dynamic_sdo').append('<div class="pr-1 salesforce_sdo"><select id="sdo-select-'+i+'" data-id="1" class="form-control sdo-select"><option selected>Select</option></select></div>');    

   $("#system-select-1").change();
});

这是更新的JsFiddle代码

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章