Question

我有一个下拉选项并在表单中。但是在我提交表单后，下拉选项就会停止工作。

  <form role="form" method="post" action="" >                    
<div class="form-group" style="padding:12px;">
  <textarea class="form-control animated" placeholder="Update your status" name="text"></textarea>
  <script>
      $(function(){
      $('.normal').autosize();
      $('.animated').autosize({append: "\n"});
    });
  </script>
  <div class="row" >
    <div class="col-sm-3">
      <label for="select-custom-17">Subject</label>
        <select name="subject" id="select-custom-17" data-native-menu="false">
        <option value="BIT304">BIT304</option>
        <option value="BIT305">BIT305</option>
        <option value="BIT215">BIT215</option>
        <option value="BIT102">BIT102</option>
        </select>
    </div>
    <div class="col-sm-6"></div>
    <div class="col-sm-3">
      <input type="submit" value="SHARE"/>
    </div>
  </div>
</form>

我发现当我删除

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

在文件的头部，下拉选项工作正常。这是js脚本的问题还是我错过了什么？

Answer 1

如果您使用的是php，或者如果您使用的是ajx jQuery，则在您的按钮上输入正确的ID，请提及“按钮”。

Answer 2

我认为这是jquery冲突问题，也许你正在使用另一个jquery插件，所以它发生了。

Answer 3

我已在在线demo中检查了您的代码。它运作良好。

可能是，您错过了可能阻止dropdown工作的内容。

下拉选项菜单仅工作一次

3 个答案: