根据另一个下拉列表值更改下拉列表值

Question

I've been trying to change a drop-down list's value (as well as the UI) based on another drop-down list's value as follows, but with no success. Any advice?

    $("[name=firstlist]").change(function(){
        if ( $("[name=firstlist]").val() == '2' ) {
            $("#id-secondlist").val("4");
        }
    });

Thanks.

Answer 1

You are missing element itself in your code,

try this,

 $("select[name=firstlist]").change(function(){
        if ( $(this).val() == 2 ) {
            $("select#id-secondlist").val('4');
        }
    });

Answer 2

Are you actually using all those backslashes in your code? If you use console.log you would have seen the error message.

Anyway, since jquery v?.? you need to put attribute selector values inside quotes.

$("[name='firstlist']").change(function() {
console.log(this.value);
  if ($("[name='firstlist']").val() == '2') {
    $("#id-secondlist").val("4");
  }
});