Jquery函数将下拉值从一个更改为另一个

时间:2013-12-12 05:06:46

标签: javascript jquery

我有下拉值。如果我选择一个下拉列表(CandidateFunctions)值,它将填充另一个下拉列表(PreferredFunctions)。这只是工作得很好。但是当我第二次选择 CandidateFunctions 时,它没有改变值..

我在jquery中的代码是

$(document).ready(function () {

                   $("#CandidateFunctions").change(function () {
                       if ($("#PreferredFunctions").val() == "" || $("#PreferredFunctions").val() == null) {
                           $("#PreferredFunctions").val($("#CandidateFunctions").val());
                       }
                   });
                });

如何第二次填充值?请帮帮我......

2 个答案:

答案 0 :(得分:1)

喜欢下面的代码可以帮助你:

$("#dropdwon1").change(function(){
    $("#dropdwon2").val($(this).val());
});

此处的工作版本:http://jsfiddle.net/xkT3U/

答案 1 :(得分:0)

更好的方法是使用on method,并在文档上绑定事件而不是选择器,让框架找到目标并调用函数

$(document).ready(function () {
      $(document).on("change","#CandidateFunctions",function () {
      if ($("#PreferredFunctions").val() == "" || $("#PreferredFunctions").val() == null) {
            $("#PreferredFunctions").val($("#CandidateFunctions").val());
        }
     });
  });