javascript - 如何获取jquery Nice select的值

Question

我正在开发一个使用 nice select 的脚本:

<div class="nice-select form-control "   tabindex="0"><span class="current">تعداد حمام</span>
    <ul class="list" >
        <li data-value="1" class="option selected focus">1 حمام</li>
        <li data-value="2" class="option">2 حمام</li>
        <li data-value="3" class="option">3 حمام</li>
        <li data-value="4" class="option">4 حمام</li>
    </ul>
</div>

我检查了文档，它只有两个方法:

$('select').niceSelect('update');

$('select').niceSelect('destroy');

它没有说如何获取所选值，我也用谷歌搜索，但无论如何我无法获取所选值，另一点是我有多个nice select页面

我该如何处理？

编辑:谢谢@jorge-fuentes-gonzález，这是 snippet/fiddle ，你能帮忙获取选定的值吗？

Answer 1

您的 HTML 不正确。 As you can see in the documentation ，你必须创建一个普通的 HTML <select> ，像这样:

<select id="myselect">
  <option data-display="Select">Nothing</option>
  <option value="1">Some option</option>
  <option value="2">Another option</option>
  <option value="3" disabled>A disabled option</option>
  <option value="4">Potato</option>
</select>

然后将niceSelect插件传递给它:

$("#myselect").niceSelect();

您将能够使用简单的 JavaScript 通过 <select> 获取该值标签:

var selected = $("#myselect").val();

niceSelect 插件只是一个包装器。在您的 <select> 上创建 HTML HTML，但是你的<select> HTML 仍然存在于页面上，但已隐藏，您可以继续使用它:

但是你需要使用<select>标签，而不是<ul><li>标签。我不知道你从哪里得到你的代码，但文档是你的 friend 。我在这里更新了你的 fiddle :https://jsfiddle.net/o7a4dtwv/