【问题标题】:Dropdown option menu only work once下拉选项菜单只工作一次
【发布时间】:2016-09-03 14:41:23
【问题描述】:

我有一个下拉选项和一个表单。但是在我提交表单后,下拉选项停止工作。

  <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脚本的问题还是我遗漏了什么?

【问题讨论】:

  • 您是否在使用其他 javascript。这可能是 jquery 冲突问题
  • 你能发布 JS Fiddle 或类似的东西,我们可以在哪里测试你的代码?
  • 您检查过您的脚本顺序吗?我的意思是 jquery 库在自动大小库之后。

标签: jquery option dropdown


【解决方案1】:

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

【讨论】:

【解决方案2】:

我已经在在线demo 中检查了您的代码。效果很好。

可能是,您遗漏了一些可能会阻止 dropdown 工作的东西。

【讨论】:

    【解决方案3】:

    如果您使用 php,请在按钮中提及“名称”;如果您使用 ajx jQuery,请为您的按钮提供正确的 id

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-12
      • 1970-01-01
      • 2021-10-19
      • 1970-01-01
      相关资源
      最近更新 更多