Jquery function changing the dropdown value from one to another

Question

I have dropdown values. if i select one dropdown(CandidateFunctions) values, it will populate the another dropdown(PreferredFunctions). This is working good only. but when i select the CandidateFunctions in the second time it is not changing the value..

My code in jquery is

$(document).ready(function () {

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

how to populate the values even second time also? please help me...

Because after the first change it's no longer null or an empty string — Sterling Archer, Dec 12 '13 at 05:08
how will change the condition. i put another condition like != null . but still it is not changing — Duk, Dec 12 '13 at 05:13

score 1 · Accepted Answer · answered Dec 12 '13 at 05:13

1

Like The code below should help u:

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

working version here: http://jsfiddle.net/xkT3U/

answered Dec 12 '13 at 05:13

codebreaker

1,465
1
12
18

score 0 · Answer 2 · answered Dec 12 '13 at 05:20

Better way is use on method, and bind event on document not on selector, and let the framework to find the target and invoke function

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

Jquery function changing the dropdown value from one to another

2 Answers2

Linked