Question

我有一个添加更多字段按钮，通过单击哪个选择框附加到div。我想使选择框选项，使其在前一个选择框中未被选中。

我的第一个选择框

<select>
<option value="1">Red</option>
<option value="2">Green</option>
<option value="3">Blue</option>
</select>

如果我从选择框1中选择红色，那么我动态生成的第二个选择框应该是

<select>
<option value="2">Green</option>
<option value="3">Blue</option>
</select>

我该怎么做？我的jquery添加更多字段

<script>

   $(document).ready(function() {


   var max_fields      = 4; //maximum input boxes allowed
   var wrapper         = $(".input_fields_wrap"); //Fields wrapper
   var add_button      = $(".add_field_button"); //Add button ID

   var x = 1; 
     //initlal text box count


   $(add_button).click(function(e){ //on add input button click

       e.preventDefault();
       if(x < max_fields){ //max input box allowed
           //text box increment

           $(wrapper).append('<div><select class="selectclass" name="targettype'+x+'" id="targettype'+x+'"></select><input type="text" name="quantity'+x+'" id="quantity'+x+'"  style="width:81%;"/><a href="#" class="remove_field">Remove</a></div>'); //add input box
       appendOption(x);
   x++;
    }

   $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
       e.preventDefault(); $(this).parent('div').remove(); x--;

   })



    });


});

   </script>

在每个按钮中添加选择框，单击前一个选择框中未选择的选项

0 个答案: