jquery.dropdown.js不工作

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

html:

js:

小提琴：

在你的小提琴中，库的顺序是不正确的。必须在jQuery.dropdown.js之前加载jQuery。 我不确定这是否是一个bug，但select选项中不允许有空值，所以我添加了一个空格值=。如果您想检查是否有空，您可以只测试一个空间 必须添加style=display:none以隐藏原始选择框。 也许您想删除数据：[]，因为这是为了动态生成选项，而不是您在这里所做的。 完整的工作示例：

$'.dropdown-sin-1'.下拉列表{ 只读：false， 无限计数：无限， 输入：， 可搜索：正确， SearchNodeData:'无结果'， 选择：函数{} }; 1. 2. 3. 4. 5. 6. 7. 8.

---

添加html输出或fiddle链接@JohnHow，将其用于动态服务器端数据。

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

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