如何通过 Jquery 脚本设置 HTML 参数？答案

【问题标题】：How to set HTML parameters via Jquery script?如何通过 Jquery 脚本设置 HTML 参数？
【发布时间】：2019-08-14 22:22:32
【问题描述】：

我正在尝试将 Bootstrap-select 插件应用于我的 MVC 5 应用程序。事实上，它正在工作，但我无法自定义它，因为在文档中示例是作为 HTML 参数给出的，我不知道如何将它们应用到我的 razor 视图中。

这是我的 cshtml 下拉列表：

`@Html.DropDownList("Suppliers", new MultiSelectList(ViewBag.Suppliers, 
"SupplierID", "Name"), new { multiple = "multiple", @class = "selectpicker" })`

这是我的脚本：

`<script>
    $(document).ready(function () {
        //$(".selectpicker").selectpicker('selectAll');
        $('.selectpicker').selectpicker({ liveSearch: true, ac });
    });
</script>`

这是一个 HTML 参数的示例：

`<select class="selectpicker" data-live-search="true">
 <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
 <option data-tokens="mustard">Burger, Shake and a Smile</option>
 <option data-tokens="frosting">Sugar, Spice and all things nice</option>
</select>`

我需要将data-live-search="true" 参数应用于我的下拉列表。

Bootstrap-select 链接：https://developer.snapappointments.com/bootstrap-select/

【问题讨论】：

标签： jquery asp.net-mvc twitter-bootstrap

【解决方案1】：

$('.selectpicker').attr('data-live-search', true)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="selectpicker">
  <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
  <option data-tokens="mustard">Burger, Shake and a Smile</option>
  <option data-tokens="frosting">Sugar, Spice and all things nice</option>
</select>

【讨论】：