0

私は次の問題の準備ができています。次のように入力された選択リストがあります。

<select id= "tables" name= "tables">
    <option value="select">-- Select --</option>
    <option value = student> Student</option>
    <option value = teachers > Teachers </option>
    //etc..
</select>

選択リストの onchange イベントで、別の選択リストが取り込まれます。

私の最初の問題は、「学生」などのアイテムを選択したときに、ビューがまだ「選択」オプションに残っていることです。選択したアイテムを表示する必要があります。

2 番目のクエリは、「-- Select --」と「Student is the first item」を書かないと、初めて Student をクリックしても何も起こらず、2 番目の選択リストが入力されないということです。

助けてください！

4

4 に答える 4

0

変更イベント時

$('#tables').change(function(){
    alert('change: ' + $(this).val())
})

デモ:フィドル

于 2013-05-03T06:35:28.293 に答える
0

あなたのhtmlがそのようなものであると仮定します:

<select id= "tables" name= "tables">
    <option value="">-- Select --</option><!-- setting the value to none -->
    <option value = student> Student</option> 
    <option value = teachers > Teachers </option>
</select>

jQuery では、次のchangeイベントになります。

$('#tables').on('change', function(e) {
    var value = $(this).val();

    if(value.length != 0) {
        alert(value);
    }

});

そこのライブの例を参照してください。

于 2013-05-03T06:36:05.463 に答える
0

これはあなたが望むものですか、フィドル

HTML コード

<select id= "tables" name= "tables">
    <option value="">-- Select --</option><!-- setting the value to none -->
    <option value = "student"> Student</option>
    <option value =" teachers" > Teachers </option>
</select>

<select id= "tables2" name= "tables">
    <option value="">-- Select --</option>
    <option value = student> Student</option>
    <option value = teachers > Teachers </option>
    //etc..
</select>

JavaScript コード

$(function(){
    $('#tables').on('change', function(e) {
        $('#tables2').val(this.value);
    });
})
于 2013-05-03T06:58:50.510 に答える
0

これが役立つことを願っています：

   $('#tables').change(function(){
     var selectedVal = $(this).val();
     alert(selectedVal);
   })
于 2013-05-03T06:59:53.653 に答える