0
選択に応じてドロップダウンリストのオプションを変更する必要があります。 選択したドロップダウンリストを使用したいと思います。選択したドロップダウン
https://harvesthq.github.io/chosen/
私はバイオリンを作って、それが正常に動作します。
https://jsfiddle.net/3hkhcycg/12/
問題は、私はそれが私のプロジェクトで動作させることができないということです。 私は正しい場所に正しいものを含めるのではないかと恐れています。
これはどのように、どこに私が含まれているかです。私はそれに気づいてきたヘッド
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../Libs/chosen_v1.6.2/chosen.jquery.js" type="text/javascript"></script>
<script src="../Libs/chosen_v1.6.2/docsupport/prism.js" type="text/javascript" charset="utf-8"></script>
//HTML code that describes my elements
//JS code in a script tag with jquery
前にどこか
<link rel="stylesheet" href="../Libs/chosen_v1.6.2/docsupport/prism.css">
<link rel="stylesheet" href="../Libs/chosen_v1.6.2/chosen.css">
：
- 私は
$(document).ready-
内のJSコードを置けばヘッドタグの終わりに
- それがエラーを与える：
Uncaught TypeError: $(...).chosen is not a function
- それがエラーを与える：
- それは誤りがない外
$(document).readyだ場合は、ドロップダウンフィールドは、選択されたドロップダウンのように見えますが、それはに応じて内容を変更しません。選択。
- それは外
$(document).readyだと私は$(".chosen_class").chosen({ width:"90%"})- を削除した場合、それは内容を変更したが、もちろん、それは選ばれたドロップダウン
アップデートのようには見えません。 JSクラスから起動されるポップアップのドロップダウンが必要です。 多くのコードがありますが、ここでは関連するコードを示します。
MyClass.prototype.showPopUp= function(){
document.getElementById('my_div').style.display = "block";
}
<div id="my_div" style = "display:none;">
<form>
<select id="select1" >
<option value=""></option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<select id="select2" class="chosen_class" data-placeholder="Select here" multiple>
</select>
</form>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".chosen_class").chosen({
width:"90%"
});
$("#select1").change(function() {
var letter = $(this).val();
$('#select2').empty();
if (letter == "A") {
$('#select2')
.append("<option value='letter A'>letter A</option>")
.trigger("chosen:updated");
} else if (letter == "B") {
$('#select2')
.append("<option value='letter B'>letter B</option>")
.trigger("chosen:updated");
} else if (letter == "C") {
$('#select2')
.append("<option value='letter C'>letter C</option>")
.trigger("chosen:updated");
}
});
});
すべてがmyFileにあります。PHP は、私はこのような私のプロジェクトでは、このファイルを含める：
<?php require_once(ROOTPATH."/myFile.php"); ?>
</body>
</html>
jqueryライブラリの "Somewhere before head"への参照を追加すると書いたとき、どういう意味ですか？それは、身体セクションの終わりの直前（