MVC Controls и функции jQuery

Question

MVC Controls и функции jQuery

0

У меня есть представление, которое отображает выпадающие списки нескольких категорий в цикле ForEach.

@foreach (var itemCategory in Model)
{
  //Generate unique ids for the category dropdown and assign them.
 @{
      string sCategory = "category" + i;   
 }
 @Html.DropDownListFor(itemCategory.categoryName , itemCategory.songslist, new {@Id=sCategory})
 }

Пример: указанный выше идентификатор будет категории 0 по категории4

Я пытаюсь найти отдельные значения, выбранные из раскрывающегося списка каждой категории, с помощью события изменения. Но приведенный ниже сценарий не работает.

JavaScript/jQuery:

  <script type="text/javascript">

$(function () {

        var totalCategories = 5            
        for (i = 0; i < totalCategories ; i++) {

                 $('#category' + i)
                   .change(function () {
                       var str = "";
                       str = $('#category' + i).children('option:selected').val();
                       alert(str);
                   })
                   .change();

        }
});

</script>

Это работает, когда у меня есть только одно раскрывающееся меню, но как я могу заставить его работать с несколькими раскрывающимися списками, созданными динамически?

Любая помощь или предложения, пожалуйста.

user3479754 31 март 2014, в 06:59

Источник

1

что такое "я" в вашем цикле foreach?
Neel 31 март 2014, в 04:40
0

Проверьте, имеют ли выпадающие списки идентификатор категории 0, категории 1 и т. Д. В источнике HTML
Amar Duplantier 31 март 2014, в 04:41
0

Я использовал «i», чтобы вызвать событие изменения для определенных выпадающих меню.
user3479754 31 март 2014, в 05:01
0

Я правильно вижу идентификатор в HTML.
user3479754 31 март 2014, в 05:01

Показать ещё 2 комментария

Теги:

c#

jquery

razor

asp.net-mvc

1 ответ

Ещё вопросы

Проверьте, имеют ли выпадающие списки идентификатор категории 0, категории 1 и т. Д. В источнике HTML
Я использовал «i», чтобы вызвать событие изменения для определенных выпадающих меню.
Я правильно вижу идентификатор в HTML.

shenku · Accepted Answer · 2014-03-31T02-01-00.000Z

Может быть, не так конкретны с вашим селектором, вы можете назначить одинаковый код всем выпадающим спискам, не зная их идентификатор, например:

$( "select" )
  .change(function () {
    var str = "";
    $(this).find( "option:selected" ).each(function() {
      str += $( this ).text() + " ";
    });
    alert(str);
  }) ;

С http://api.jquery.com/change/

РЕДАКТИРОВАТЬ:

Смотрите эту скрипту: http://jsfiddle.net/NFmS8/1/

Сначала я попробовал этот код, но он также выбирает выбранные значения из других выпадающих списков.
@ user3479754 Я обновил код и включил рабочую скрипку.
Привет Шенку: Ваше решение отлично сработало для меня. Одно небольшое изменение, которое я сделал, было передать e в функцию и использовать e.target.name, чтобы получить имя выпадающего списка. Спасибо за помощь.