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

вот мой 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 выбран параметр, тогда для выбора размера заполняются связанные с ним параметры. Как я могу это сделать?

благодаря

6 Solutions collect form web for “как изменить параметры выбора на основе другого выбранного варианта выбора?”

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

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 + equalTo не работает
  • Получение кода состояния HTTP из загруженного iframe с помощью Javascript
  • Разница между функциями jQuery parent (), parent () и closeest ()
  • Как обратиться к идентификатору компонента JSF в jquery?
  • Может ли jQuery считывать / записывать cookies в браузер?
  • как отправить несколько данных с помощью $ .ajax () jquery
  • Анимация прокрутки до ID на загрузке страницы
  • Синхронные вызовы с jquery
  • jQuery: Как показать всплывающее изображение по щелчку эскиза?
  • jQuery validate plugin: принимать буквы только?
  • Загрузите файл Excel через AJAX MVC
  • Interesting Posts

    Access-control-allow-origin с несколькими доменами

    Прокрутка в терминале (OS X) при запуске tail -f и ssh-ed в машину дает некоторые странные символы

    Как обращаться с Dynamic JSON в Модернизации?

    Частичный порядок шаблонов – почему частичный вывод преуспевает здесь

    Как повторно включить эффекты aero в Windows 7 после того, как он разбился?

    Как присоединиться к двум листам в Excel, как в SQL?

    Устранение неполадок не удалось выполнить обновление до Windows 7?

    Невозможно настроить PCI Passthrough для адаптера отображения в VirtualBox

    Приложение для Android в Eclipse: редактирование текста, не отображаемого на графическом макете

    Нормализация в DOM-анализе с помощью java – как это работает?

    Почему неизменный Набор Скала не ковариант в своем типе?

    ASP MVC: Когда вызывается IController Dispose ()?

    Поиск CSS Parser в java

    Сколько данных (МБ) использует Skype за 1 минуту?

    Установление соединения SSH между машинами за брандмауэрами

    Давайте будем гением компьютера.