ユーザーが選択ボックスをクリックすると、Ajax も発生します。
このイベントは、選択ボックスにオプションを配置します。
オプションが選択ボックスに配置された後、ユーザーはそれらをクリックできるようになります。
Chrome では、ドロップダウン リストをクリックすると [1 つ選択] が表示されますが、オプションが追加された後もリストは [1 つ選択] のままであり、ユーザーは下矢印キーを押して選択できますが、"それらが追加された後、オプションのドロップダウンリスト」。
クロムで 2 回目のクリックをしなくても、表示されているこのドロップダウン リストを更新する JS や jQuery の魔法の部分は何ですか?
オプションをクリックすると、これが JS 経由で実行されます。
secBox = document.getElementById('sel34541_75');
secBox.length = 1;
addOption(secBox, "Option 1", "execPopDrop('sel34541_75', 34541, 'Option 1', 'type1', 'page.php')");
addOption(secBox, "Option 2", "execPopDrop('sel34541_75', 34541, 'Option 2', 'type2', 'page.php')");
addOption(secBox, "Option 3", "execPopDrop('sel34541_75', 34541, 'Option 3', 'type3', 'page.php')");
addOption(secBox, "Option 4", "execPopDrop('sel34541_75', 34541, 'Option 4', 'type4', 'page.php')");
オプション機能の追加は次のようになります。
function addOption(selectbox, text, value) {
selectbox.options[selectbox.options.length]=new Option(text,value);
}
クリックしてから下矢印を押すと、動的オプションが表示されますが、リストには表示されません。(これも IE と FF で動作します)
もう一度クリックすると、ドロップダウンに正しいオプションが表示されます