これは私の最初の投稿です(ここのnoobです)。私は愚かな質問にあなたを侮辱しないと思います。 今私は2番目のドロップダウンを追加しようとしました ..私はこの単純なドロップダウンの例を見つけた私は私のニーズに変更WICH、 はこれまでのところ、私はそれがここにしてくださいworks.look(私は信じて)どのように理解し、正常に動作します テキストの動的ドロップダウンリスト
http://megapeng.com/DynamicDropdown/index.html二つ目は、テキストファイル からデータを取得しません
http://megapeng.com/DynamicDropdown/index1.html
ユーザーが自分のためにリストをカスタマイズできるようにするにはオフラインアクセス を必要として、私は、負荷のtxtバージョンに固執する必要はこちらをご覧下さいニーズ同じフォルダ内にあります)ここでは、2つ目のドロップダウンリストを持つコードがあります。
<!DOCTYPE html>
<head>
<meta charset='UTF-8'>
<title>Dynamic Dropdown</title>
<link rel='stylesheet' href='css/style.css'>
<script src="js/jquery.min.js"></script>
<script>
$(function() {
$("#text-one").change(function() {
$("#text-two").load("textdata/" + $(this).val() + ".txt");
});});
</script>
</head>
<body>
<div id="page-wrap">
<h1> </h1>
<select id="text-one"style="width: 122px">
<option value="base">SELECT</option>
<option value="standard">STANDARD</option>
<option value="folk">FOLK</option>
<option value="windbrass" selected>WIND/BRASS</option>
<option value="percussion" selected>PERCUSSION</option>
<option value="strings" selected>STRINGS</option>
</select>
<br />
<select id="text-two"style="width: 122px">
<option>Choose above</option>
</select>
<br />
</div>
<div id="page-wrap">
<h1> </h1>
<select id="text-one"style="width: 122px">
<option value="base">SELECT</option>
<option value="standard">STANDARD</option>
<option value="folk">FOLK</option>
<option value="windbrass" selected>WIND/BRASS</option>
<option value="percussion" selected>PERCUSSION</option>
<option value="strings" selected>STRINGS</option>
</select>
<br />
<select id="text-two"style="width: 122px">
<option>Choose above</option>
</select>
<br />
</div>
</body>
</html>