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选择不工作

回答

相关问题