Связанные списки select

[maxi2013]

У меня два выпадающих списка

Один называется Гитары ( guitars_id )
где есть три элемента
Ямаха val=1
Фэндэр val=2
Гибсон val=3

Второй Струны ( strings_id )
где тоже три элемента
Нейлоновые val=1
Карбоновые val=2
Металлические val=3

Необходимо, когда выбираю гитару Фэндэр из выпадающего списка "Гитары", то во втором списке "Струны", должна выбираться ТОЛЬКО строчка "металлические".
Так вот как такая комбинация пишется в скрипте

Тоесть я начал так

<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery("select#guitars_id").change(function(){
    if (jQuery(this).val() == "2"){
        ..................
    } else {
        ....................
    }
  });
})(jQuery);</script>

И вот там где точки. Незнаю как подключить второй список " strings_id " где будет выбираться ТОЛЬКО val=3 ( Металлические )
Заранее сапасибо!

 

[COLOBOCman]

попробуйте так:

<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery("select#guitars_id").change(function(){
    if (jQuery(this).val() == "2"){
              $('#strings_id).val(4)
              $('#strings_id').attr('disabled','disabled');
    } else {
        ....................
    }
  });
})(jQuery);</script>

подробнее тут:
Для просмотра ссылки Войди или Зарегистрируйся

 

[Lyiziana]

А как сделать чтобы условие совершалось если val() == "2" или val() == "3" или val() == "5" .
как будет выглядеть код. ???

 

[antiterror]

А как сделать чтобы условие совершалось если val() == "2" или val() == "3" или val() == "5". как будет выглядеть код. ???

Думаю хоть изредка было бы полезно пользоваться с нашим другом гуглем.

<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery("select#guitars_id").change(function(){
    var get_value = jQuery(this).val();
    switch(get_value){
      case 1:
        /* Ваше действие */
        break;
      case 2:
        jQuery ('#strings_id').val(3);
        jQuery ('#strings_id').attr('disabled','disabled');
        break;
      case 3:
        /* Ваше действие */
        break;
      case 5:
        /* Ваше действие */
        break;
      default:
        jQuery ('#strings_id').attr('disabled',false);
    }
  });
})(jQuery);
</script>

 

[maxi2013]

Думаю хоть изредка было бы полезно пользоваться с нашим другом гуглем.

<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery("select#guitars_id").change(function(){
    var get_value = jQuery(this).val();
    switch(get_value){
      case 1:
        /* Ваше действие */
        break;
      case 2:
        jQuery ('#strings_id').val(3);
        jQuery ('#strings_id').attr('disabled','disabled');
        break;
      case 3:
        /* Ваше действие */
        break;
      case 5:
        /* Ваше действие */
        break;
      default:
        jQuery ('#strings_id').attr('disabled',false);
    }
  });
})(jQuery);
</script>

Хороший метод. А интересно есть еще какой-нибудь способ сделать тоже самое

чтобы условие совершалось если val() == "2" или val() == "3" или val() == "5".

 

[antiterror]

Хороший метод. А интересно есть еще какой-нибудь способ сделать тоже самое

Способ есть, нужно только написать

var get_value = jQuery(this).val();
if( get_value == "2" || get_value == "3" || get_value == "5" ){
    /* Ваше действие */
}

 

[maxi2013]

Спасибо большое...Отличный вариант. Все работает. + намного компактнее)
Может для начинающих будет интересно. "||"- это "или" , а "&" - это "и".