選択した jQuery プラグインを使用しています。(document).ready で正常に動作していますが、クリックすると ajax を使用して、「選択した」機能を使用する選択オブジェクトを動的に作成するボタンがあります。ただし、新しい選択要素を追加した後、この新しい要素のみが正しく機能し、他の要素は正しく機能しません。1 つの選択があり、最近新しい選択 JavaScript (選択などをクリックしてドロップダウンを取得) を追加した場合、最後の要素に対してのみ機能します。新しい選択要素を動的に追加するための私の JavaScript コードは次のとおりです。
$('#submit').click(function () {
alert("hello");
var drop = document.getElementById('Select_chzn');
var spans = drop.getElementsByTagName('span')[0];
var chosen = spans.innerHTML;
$.post('${pageContext.request.contextPath}/getfield', {
'fieldName': chosen
},
function (result) {
document.getElementById('content')
.innerHTML += result;
});
setTimeout(doChosen, 100);
event.preventDefault();
});
});
function doChosen() {
$(".chzn-select").chosen();
}
どんな助けにも感謝します。