下拉列表JQuery的默认值

时间:2017-03-23 11:21:45

标签: jquery drop-down-menu disabled-input

两个下拉列表,每个值为1,2和3。 3从1开始禁用第二个下拉列表,并在第二个中添加新选项(新值,已选择和可用)。我需要在下面的函数中添加的这样的选项默认情况下在第二个下拉列表中。谢谢您的帮助!这是我的代码:

Working

这是在点击第一个下拉列表时添加或删除此选项的功能:

<select name="first" id="first_dropdown">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<select name="second" id="second_dropdown">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

1 个答案:

答案 0 :(得分:0)

这应该有效

&#13;
&#13;
$('#first_dropdown').change(function(e){
        if($(this).val() == "3"){
             $("#second_dropdown").prepend('<option value="0" class="prepended_options" selected>0</option>');
             $("#second_dropdown").prop('disabled',true);
        }
        else {$("#second_dropdown").prop('disabled',false); $(".prepended_options").remove();}
    });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="first" id="first_dropdown">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<select name="second" id="second_dropdown">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
&#13;
&#13;
&#13;