[asp.net-mvc]MVC 控件和 jQuery 函数

发布时间: 2016/10/9 6:02:16
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有这种控件呈现多个歌曲类别下拉列表在 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})
 }

示例︰ 上述 ID 将是 category0 到 category4

我试图从每个类别下拉列表中使用所选的单个值更改事件。但下面的脚本无法正常工作。

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>

这个作品时有只有一个下拉列表,但怎么做我使其工作与动态创建多个下拉列表中?

任何帮助或建议请。

解决方法 1:

也许不是那么具体与选择器,你可以将相同的代码分配给所有下拉列表中,不知道他们的 ID,如︰

$( "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/

赞助商