javascript - 如何隐藏搜索框和占位符？

Question

基本上我需要 select2 方面的帮助。现在我有一个搜索框，头部有这个 JQuery 代码。当我预览它时，也没有占位符。

<script type="text/javascript">

$(document).ready(function() {
  $('select').select2({
  placeholder: "Select a Townhall Level",
    allowClear: true
  });
});
</script>
</head>

这是一张图片:

所以我想知道如何隐藏搜索？我对 JQuery 没有任何经验，所以我们将不胜感激。 感谢您花时间阅读!

这是我的 html:http://pastebin.com/P8in7ASX

Answer 1

您可以通过设置minimumResultsForSearch来隐藏搜索，如下所示:

$(document).ready(function() {
  $('select').select2({
    placeholder: "Select a Townhall Level",
    minimumResultsForSearch: Infinity,
    allowClear: true
  });
});

如果您的选择中的第一个选项为空选项，则可以显示占位符:

<select>
    <option></option>
    ... other options ...
</select>

如果您想要针对特定​​选择而不是全部选择，并能够对每个选择应用不同的属性，请更改为:

$(document).ready(function() {
  $('#targetElement1').select2({
    ... the properties you want applied to targetElement1 ...
  });

  $('#targetElement2').select2({
    ... the properties you want applied to targetElement2 ...
  });  
});

并提供您选择的 ID:

<select id="targetElement1">
    <option></option>
    ... other options ...
</select>

<select id="targetElement2">
    <option></option>
    ... other options ...
</select>