как изменить параметры выбора на основе другого выбранного варианта выбора?

вот мой html.

 item1 item2 item3   -- select one --   

вот jquery, который я пробовал, но не увенчался успехом.

 $(document).ready(function() { if( $("#type").val("item1")) { $("#size").html("testtest2); } elseif( $("#type").val("item2")) { $("#size").html("anothertest1"); } }); 

в основном то, что я пытаюсь сделать, – это если в #type выбран параметр, тогда для выбора размера заполняются связанные с ним параметры. Как я могу это сделать?

благодаря

Вот пример того, что вы пытаетесь сделать:

http://jsfiddle.net/YPsqQ/

 $(document).ready(function () { $("#type").change(function () { var val = $(this).val(); if (val == "item1") { $("#size").html(""); } else if (val == "item2") { $("#size").html(""); } else if (val == "item3") { $("#size").html(""); } else if (val == "item0") { $("#size").html(""); } }); }); 
    

вы можете использовать тег данных в html5 и сделать это с помощью этого кода:

  
    

Значение вашего оператора if. Вы хотите сравнить это, сделав это

 if ($("#type").val() == "item1") { ... } 

Однако daLizard прав. Вам нужен обработчик событий. document.ready работает только один раз, когда страница DOM готова к использованию.

Я не цитирую, что вы пытаетесь достичь, но вам нужен прослушиватель событий. Что-то вроде:

 $('#type').change(function() { alert('Value changed to ' + $(this).attr('value')); }); 

Это даст вам значение выбранного тега опции.

в качестве дополнительного ответа на @ Navid_pdp11, который позволит выбрать первый видимый элемент и работать с загрузкой документа. поставьте ниже ниже тег тела

  

Вы можете использовать корпус переключателя следующим образом:

 $(document).ready(function () { $("#type").change(function () { switch($(this).val()) { case 'item1': $("#size").html(""); break; case 'item2': $("#size").html(""); break; case 'item3': $("#size").html(""); break; default: $("#size").html(""); } }); }); 
    
  • jQuery: пожарный щелчок () перед размытием ()
  • Включение более чем одной версии jQuery
  • jqGrid - сохранение выбранного флажка
  • jquery form.serialize и другие параметры
  • Высота анимации jQuery
  • resize шрифта, чтобы он поместился в div (в одной строке)
  • Различать Chrome из Safari с помощью jQuery.browser
  • jqGrid и динамическое связывание столбцов
  • Почему метод jQuery .ajax () не отправляет мой cookie сеанса?
  • изменение источника iframe с помощью jquery
  • Проверьте, имеет ли текстовое поле пустое значение
  • Давайте будем гением компьютера.