以下のコードを動作させるのに問題があります。エラーは発生していません。私が必要とする#equipmentList1のは、選択に対応するドロップダウンリストを変更するときです。次に、後のドロップダウンの選択に応じて、選択したドロップダウンの値をequipmentList2DIVに書き込むだけです。selectedVisibleValue1最初のドロップダウンが選択された後に表示されるフィールドの ID が含まれています。2 番目の関数に渡して書き込みを試みましたinnerHTMLが、何も起こらないため、変数を受け取っていないように動作します。コードのどこかでエラーが発生している可能性があります。私はjQueryを初めて使用するので、誰かが見て何が悪いのか教えていただければ幸いです。
$(document).ready(function () {
$('#equipmentList1').bind('change', function () {
var elements = $('div.equipmentList2').children().hide(); // hide all the elements
var value = $(this).val();
if (value.length) { // if somethings' selected
elements.filter('.' + value).show(); // show the ones we want
var selectedVisibleValue1 = $(".equipmentList2 select:visible").attr("id");
}
}).trigger('change');
});
$(document).ready(function () {
$("#" + selectedVisibleValue1).bind('change', function () {
var value = $(this).val();
if (value.length) {
var equipment = document.getElementById("equipmentList1").value;
document.getElementById('equipmentList2').innerHTML = selectedVisibleValue1;
}
}).trigger('change');
});