0

次のようなセレクトボックスがあります。

<select id="select_search">
    <option value="search_contact">Contact</option>
    <option value="search_customer">Customer</option>
    <option value="search_employee">Employee</option>
    <option value="search_servEmp">Service Employee</option>
    <option value="search_servOrg">Service Org</option>
</select>

上記の選択ボックスは検索フォームの一部です。フォームを送信すると、ajax リクエストを使用して結果が非同期で同じページに返されます。

結果ページ (非同期で読み込まれるページ) には、結果のフィルターとして機能する他の選択ボックスのグループがあります。

<select id="select_customer">
    <option value="">something</option>
</select>
<select id="select_contact">
    <option value="">something else</option>
</select>
etc....

元の選択ボックス (#select_search) の値を取得して、ajax 経由で読み込まれた適切な選択ボックスを表示/非表示にするにはどうすればよいですか。(例: search_contact が選択されたオプションである場合、id="search_contact" の選択ボックスのみを表示します)

私がよく知っている唯一の方法は、変更時に選択ボックスの値を取得することですが、この場合、変更が発生するまで影響を受ける要素は読み込まれません。

4

3 に答える 3

0

$.live を作成する新しい方法

$(document).on('change', '#select_search', function() {
 // change
});
于 2013-09-29T10:25:57.737 に答える