複数の選択ボックスから値を取得するjquery

Question

私はホテルのウェブサイトを開発しています。ここでは、各カテゴリから利用可能な部屋の数をリストアップしています。ユーザはすべてのカテゴリから各部屋を選択することができる。今私は、ユーザーが各カテゴリから部屋を選択するときに警告する必要があります。

私は部屋のいずれかが

感謝を選択すると、すべての選択オプションの値を警告する必要があります。

コードが

$(".edit-room").change(function() { 
 
\t alert($(this).val()); 
 
});

<select name="room1" class="edit-room"> 
 
    <option value="0">0</option> 
 
    <option value="10">1</option> 
 
    <option value="20">2</option> 
 
</select> 
 

 
<select name="room2" class="edit-room"> 
 
    <option value="0">0</option> 
 
    <option value="10">1</option> 
 
    <option value="20">2</option> 
 
</select> 
 

 
<select name="room3" class="edit-room"> 
 
    <option value="0">0</option> 
 
    <option value="10">1</option> 
 
    <option value="20">2</option> 
 
</select>

Answer 1

部屋のいずれかが

まあを選択したとき、私はすべての選択オプションの値を警告する必要があるそしてちょうど警告しませんイベントが発生した要素の値ですが、の場合はすべて要素：

$(".edit-room").change(function() { 
    $(".edit-room").each(function() { 
    alert($(this).val()); 
    }) 
}); 

（3つの個別のアラートを必要としない場合は、最初に値を文字列変数に追加してから、各ループ後に警告してください）

Answer 2

であるあなたのコード内でjQueryライブラリを追加し、アラートがあなたのケースに示されていない理由がある逃したようです。

Alert

リンクの上をクリックすると、警告が表示されます罰金を来ています。

私は同じコードを使用していますが、jqueryライブラリを追加する以外は変更されません。これはあなたを助け

$(".edit-room").change(function() { 

$(".edit-room").each(function(i, obj) { 
alert($(this).val()); 
}); 
}); 

希望...

Answer 3

これは、すべての選択ボックスの値を取得する方法です選択ボックスの変更時

<select name="room1" class="edit-room"> 
    <option value="0">0</option> 
    <option value="10">1</option> 
    <option value="20">2</option> 
</select> 

<select name="room2" class="edit-room"> 
    <option value="0">0</option> 
    <option value="10">1</option> 
    <option value="20">2</option> 
</select> 

<select name="room3" class="edit-room"> 
    <option value="0">0</option> 
    <option value="10">1</option> 
    <option value="20">2</option> 
</select> 


$(".edit-room").change(function() { 
    $(".edit-room").each(function(index) { 
     alert("Value of " + (index+1) +" select box : "+$(this).val()); 
    }); 
}); 

ここでは、すべての選択ボックスの上に、各機能の反復を使用しています。