jQuery从下拉列表更改下拉列表的值

Question

I'm trying to change the value of two dropdown lists when a third one changes, to that dropdown's new value:

<script>
$('select[name="d1"]').change(function() {
  $('select[name="d2"]').val(this.value);
  $('select[name="d3"]').val(this.value);
});
</script>

Nothing happens.

Answer 1

Try this for starters, work your way when you get this to work :)

$(document).ready(function() {
   $('select[name="d1"]').change(function() {
      $('select[name="d2"]').val(this.value);
      $('select[name="d3"]').val(this.value);
   });
});

Answer 2

Try like this

$(function() {

    $('select[name="d1"]').change(function() {
        $('select[name="d2"]').val($(this).val());
        $('select[name="d2"]').html($(this).val());
    });

});