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

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

我在jquery中的代码是

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

如何第二次填充值？ 请帮我…

Answer 1

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

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

这里有工作版： http ： //jsfiddle.net/xkT3U/

Answer 2

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

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