Question

是否有使用ajax进行下拉列表的示例。我想预先加载下拉列表，以便可以从中选择，但也希望能够键入下拉列表字段进行搜索并使其列出匹配的项目。

请提供示例链接或发布示例代码。

Answer 1

您可以使用非常强大的插件：Chosen plagin。案例：

$('choices input').autocomplete({
  source: function( request, response ) {
    $.ajax({
      url: "/autocomplete/Controller"+request.term+"/",
      dataType: "json",
      beforeSend: function(){$('ul.chzn-results').empty();},
      success: function( data ) {
        response( $.map( data, function( item ) {
          $('ul.chzn-results').append('<li class="active-result">' + item.name + '</li>');
        }));
      }
    });
  }
});

Answer 2

您可以使用J-Query的自动完成功能请参阅以下链接以了解其示例实现..

http://basiccodeexample.blogspot.in/search?q=AutoComplete

或者您可以使用datalist html5标签在下面的链接中找到参考

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_datalist

MVC ajax动态下拉列表

2 个答案: