时间戳

首页 > 解决方案 > 如何获取 jquery nice select 的值

javascript - 如何获取 jquery nice select 的值

问题描述

我正在开发一个使用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，这是片段/小提琴 ，你能帮忙获得选定的值吗？

标签： javascriptjquery

解决方案

您的 HTML 不正确。正如您在文档中看到的，您必须创建一个普通的 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();

您将能够在<select>标签上使用简单的 JavaScript 获取值：

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

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

在此处输入图像描述

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

推荐阅读