【发布时间】: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 库在自动大小库之后。