私はドロップダウンセレクターがあり、選択に基づいてフォームの他の部分をロードする必要があります。jQueryを使用したリピートセレクターがありません
このセレクタを数回繰り返して、同じオプションが選択されていないことを確認する必要があります。私はすべてのmySelectorの選択されたオプションを実行する必要があると仮定し、オプションが選択されている場合、いくつかのエラーメッセージを表示します。方法はわかりません。
$('.mySelector').change(function(){
var selectForm = '#' + $(this).val();
$('div').next('.fLoad').load('formParts.html ' + selectForm);
});
<select class="mySelector">
<option value="selectOne">Select one</option>
<option value="o1">Car details</option>
<option value="o2">Boat details</option>
<option value="o3">Train details</option>
<option value="o4">Bike details</option>
<option value="o5">Sub details</option>
</select>
<div class='fLoad'> </div>
<option value="selectOne">Select one</option>
<option value="o1">Car details</option>
<option value="o2">Boat details</option>
<option value="o3">Train details</option>
<option value="o4">Bike details</option>
<option value="o5">Sub details</option>
<div class='fLoad'> </div>
<select class="mySelector">
<option value="selectOne">Select one</option>
<option value="o1">Car details</option>
<option value="o2">Boat details</option>
<option value="o3">Train details</option>
<option value="o4">Bike details</option>
<option value="o5">Sub details</option>
</select>
<div class='fLoad'> </div>
あなたのHTMLはファンキーに見えます:オプションタグは閉じられません。 –
現在のコードは、ただ1つのセレクタで閉じるオプションなしで動作します。 HTMLはクローズする必要はありません。しかし、確かに、私は閉じることができます。これに言及してくれてありがとう。 – santa
IDはHTMLドキュメント内で一意である必要があります。イベントハンドラは、IDが 'mySelector'の最初の要素にのみ追加されます。 'next( '#fLoad')'はIDが 'fLoad'であれば次の要素を選択しますが、あなたは* class *' fLoad'を持つ要素しか持っていません。 –