Question

我正在使用jquery.dropdown.js插件。我的问题是，在提交表单时没有显示任何通知，保留所需的select标签没有值。

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/

Answer 1

在你的小提琴中，库的顺序是不正确的。你必须在jquery.dropdown.js之前加载jQuery。
我不确定它是否是一个错误，但value select中不允许空option，所以我添加了一个空格value=" "。（如果你想检查空虚，你可以只测试一个空格）
您必须添加style="display:none"才能隐藏原始选择框。
也许你想删除data: []，就像动态生成选项一样，这不是你在这里做的。

完全正常的例子：

＆＃13;

$('.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() {}
});

＆＃13;

<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>

＆＃13;

jquery.dropdown.js要求不工作

1 个答案: