javascript jquery選擇不工作

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>JavaScript</title> 
</head> 
<body> 
<h1 id="hey">List King</h1> 
<div class="Select-DB"> 
    <select id="DB" class="chosen-select" title="Select Database" data-placeholder="Select database you want!" style="width: 300px;"> 
     <option value=""></option> 
     <option value="Pubchem3D"> Pubchem3D</option> 
     <option value="molport"> Molport</option> 
     <option value="ChemAxon"> ChemAxon</option> 
     <option value="ChemSpider"> ChemSpider</option> 
    </select> 
</div> 
<script src="jquery-1.12.4.js" type="text/javascript"></script> 
<script src="chosen_v1.6.2/chosen.jquery.js" type="text/javascript"></script> 
<script src="ff.js" type="text/javascript"></script> 
</body> 
</html>

jquery chosen不工作，我的代碼出了什麼問題？我的選擇標籤只是作爲默認形式出現....javascript jquery選擇不工作

p.s. jQuery代碼位於另一個文件（「ff.js」）

$(document).ready(function(){ 
    $(".chosen-select").chosen({no_results_text: "Sorry, We don't have such database ;-)"}); 
});

來源

2016-09-29 Da Woon Jung

你需要把你的JAV腳本元素或JS文件中的腳本代碼 – amanuel2

是的，我做到了！只是貼上去吧 –

你選擇的只是設計格式有問題。 –

你需要改變你的JavaScript文件這樣

$('.chosen-select').change(function(){ 
    var aaa = $("#DB").val(); // get option value 
    if(aaa === '') { 
     // user select empty item 
     console.log("Sorry, We don't have such database ;-)"); 
    } 
    else{ 
     // user select valid item 
     console.log(aaa); 
    } 
});

來源

2016-09-29 02:31:32

對不起！我沒有添加評論.. jquery代碼是在「ff.js」！ –

仍然無效？我可以收到錯誤訊息嗎？ –

是的...仍然沒有工作... –

關於使用上的變化事件如何？

$('.chosen-select').change(function(){ 
    console.log(this.val()); 
});

來源

2016-09-29 03:02:03

我不太明白你的問題，但嘗試這個 LINK

HTML

<h1 id="hey">List King</h1> 
<div class="Select-DB"> 
    <select id="DB" class="chosen-select" title="Select Database" data-placeholder="Select database you want!" style="width: 300px;"> 
     <option value=""></option> 
     <option value="Pubchem3D"> Pubchem3D</option> 
     <option value="molport"> Molport</option> 
     <option value="ChemAxon"> ChemAxon</option> 
     <option value="ChemSpider"> ChemSpider</option> 
    </select> 
</div>

$('.chosen-select').change(function(){ 
    var aaa = $("#DB").val(); 
    if(aaa != ""){ 
    console.log(aaa); 
    } 
    else{ 
    console.log("Sorry, We don't have such database ;-)"); 
    } 
});

來源

2016-09-29 03:15:11 UkI

javascript jquery選擇不工作

回答

相關問題