jquery.dropdown.js不需要工作

我正在使用jquery.dropdown.js插件。我的问题是，在提交表单时没有通知出现，使所需的选择标记没有值。jquery.dropdown.js不需要工作

HTML：

<div class="dropdown-sin-1" style="margin-top: -15px;"> 
     <select name="" placeholder="" required>  
      <option value="" disabled selected></option> 
      <option value="1">1</option> 
      <option value="2">2</option> 
      <option value="3">3</option> 
      <option value="4">4</option> 
      <option value="5">5</option> 
      <option value="6">6</option> 
      <option value="7">7</option> 
     </select> 
     </div>

JS：

$('.dropdown-sin-1').dropdown({ 
    readOnly: false, 
    limitCount: Infinity, 
    input: '<input type="text" maxLength="20" placeholder="Search">', 
    data: [], 
    searchable: true, 
    searchNoData: '<li style="color:#ddd">No Results</li>', 
    choice: function() {} 
});

小提琴：https://jsfiddle.net/tbge7f2m/

来源

2017-09-15 John Jerome Perez

添加HTML输出或小提琴链接@约翰 –

在你的小提琴，该库的顺序不正确。你必须在jquery.dropdown.js之前加载jQuery。
我不确定它是否是一个bug，但你不允许为空value in selectoption，所以我增加了一个空间value=" "。（如果你想检查空虚，你可以测试一个空间）
你必须添加style="display:none"隐藏原来的选择框。
也许你想删除data: []，因为这是动态生成选项，这不是你在这里做的。

工作的完整示例：

$('.dropdown-sin-1').dropdown({ 
 
    readOnly: false, 
 
    limitCount: Infinity, 
 
    input: '<input type="text" maxLength="20" placeholder="Search">', 
 
    searchable: true, 
 
    searchNoData: '<li style="color:#ddd">No Results</li>', 
 
    choice: function() {} 
 
});

<link href="https://www.jqueryscript.net/demo/Searchable-Multi-select-jQuery-Dropdown/jquery.dropdown.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://www.jqueryscript.net/demo/Searchable-Multi-select-jQuery-Dropdown/jquery.dropdown.js"></script> 
 

 
<form method="post"> 
 
    <div class="dropdown-sin-1"> 
 
    <select style="display:none" name="" placeholder="" required> 
 
     <option value=" " disabled selected></option> 
 
     <option value="1">1</option> 
 
     <option value="2">2</option> 
 
     <option value="3">3</option> 
 
     <option value="4">4</option> 
 
     <option value="5">5</option> 
 
     <option value="6">6</option> 
 
     <option value="7">7</option> 
 
     <option value="8">8</option> 
 
    </select> 
 
    <input type="submit"> 
 
    </div> 
 
</form>

来源

2017-09-15 10:10:55

jquery.dropdown.js不需要工作

回答

相关问题