2016-09-22 2 views
-1

Я работаю над фильтрами продуктов, где пользователь выбирает из окна выбора в соответствии с его/ее предпочтением, но я не получаю выбранное значение пользователем в jQuery.Почему jQuery Выберите событие смены коробки теперь работает?

HTML код: -

<select name="product_filter" id="product_filter"> 
     <option value="price_low_first">Price : Low to High</option> 
     <option value="price_high_first">Price : High to Low</option> 
     <option value="latest">Latest</option> 
     <option value="popular">Most Popular</option> 
</select> 

JQuery код:

$(function() { 
     $("#product_filter").change(function() { 
      alert("hi") 
      var selectedText = $(this).find("option:selected").text(); 
      var selectedValue = $(this).val(); 
      alert("Selected Text: " + selectedText + " Value: " + selectedValue); 
     }); 
    }); 
+1

Работает https://jsfiddle.net/qbkfm1eh/ Так в чем же проблема? Вы уверены, что событие изменения связано? Этот элемент 'select' добавлен после готовности DOM? Etc ... –

+0

Является ли ваш поле выбора заполненным в DOM после того, как страница загрузится изначально? –

+0

@RahulPatel select box загружается вручную .. он не загружается никаким кодом .. –

ответ

0

Привет Я считаю, что ваш код является совершенным. После этого проверьте, что jquery.min.js включен в ваш файл. Пожалуйста, проверьте, нет ли каких-либо ошибок в консоли. Благодарю вас.

+0

hello, У меня есть консольная ошибка отсутствующего файла, но файл уже есть, когда я нажимаю эту ссылку на ошибку, я вижу этот файл и весь код там в инструментах разработчика –

Смежные вопросы