2016-05-09 37 views
2

我有一個下拉選項和一個窗體。但在我提交表單後,下拉選項停止工作。下拉選項菜單隻能工作一次

<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腳本的問題還是我錯過任何東西?

+0

您是否在使用其他的JavaScript。這可能是jQuery的衝突問題 –

+0

你可以發佈JS小提琴或類似的東西,我們可以測試你的代碼? – pes502

+0

你檢查了你的腳本順序嗎?我的意思是在自動大小庫之後的第一個jquery庫。 –

回答

0

提到「名」,以您的按鈕,如果你正在使用PHP或給予適當的ID給您的按鈕,如果你使用的是AJX jQuery的

0

我認爲這是jQuery的衝突問題,也許ü使用的是其他jQuery插件,因此發生了。

+0

我正在使用jQuery的移動也和jquery –

+0

我試過你的代碼,它工作正常,請參閱演示[https://jsfiddle.net/m1c23ywb/](https://jsfiddle.net/m1c23ywb/) – Scarlet

0

我已經在線demo檢查了您的代碼。它運行良好。

可能是,您錯過了某些可能阻止dropdown工作的內容。

相關問題