如何为动态添加的选择字段重新初始化选择

时间:2016-05-19 07:12:12

标签: javascript jquery

我正在为我的项目使用选择性单一下拉菜单,但点击"添加另一个问题"按钮,Selectize下拉列表已添加,但没有初始化。

HTML:

<div id="clone-ques">
    <select id="" name="question" class="demo-default select-question" style="width:90%; float:left;" placeholder="Choose from our list of frequently asked questions or enter your own ">
        <option value="4">How many projects do you want?</option>
        <option value="1">Do you know programming as well?</option>
        <option value="3">This is your next question, answer it.</option>
        <option value="5">Please add more question</option>
    </select></div>

<button type="button" class="btn btn-attach add-ques"><i class="fa fa-plus-circle"></i> Add Another Question</button>

Jquery的:

    $(function() {
      var scntDiv = $('#clone-ques');
      $('.add-ques').on('click', function() {
      $('<select id="" name="question" class="demo-default select-question " style="width:90%; float:left;" placeholder="Choose from our list of frequently asked questions or enter your own ">                        <option value="4">How many projects do you want?</option><option value="1">Do you know programming as well?</option><option value="3">This is your next question, answer it.</option><option value="5">Please add more question</option></select>').appendTo(scntDiv);
                return false;
       });
 });

0 个答案:

没有答案