5

ヘッダーにドロップダウンがあり、ヘッダーで選択された値が詳細ドロップダウンに同じものを反映する必要がありますが、どのようにすればよいですか？リードはありますか？

$("#myddl").change(function()
{ 
     //update all the dropdown list...  
});

http://jsfiddle.net/abuhamzah/4QvfP/

  Header:
    <br />
    <select id="myddl" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
    <p>Detail</p>
        <br />
    <select id="Select1" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
    <br />
    <select id="Select2" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
    <br />
    <select id="Select3" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
    <br />
    <select id="Select4" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
    <br />
    <select id="Select5" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
4

5 に答える 5

4

これらの線に沿った何かが機能します。「詳細」選択をコンテナにラップして、選択をいくらか簡単にします。

http://jsfiddle.net/qMXSR/2/

$("#myddl").change(function()
{ 
     $('.detail').find('select').val($(this).val());
});​
于 2012-05-08T02:34:21.493 に答える
2

$.on「変更」イベントにバインドするために使用します。ここから、-で始まるすべてのselect要素をターゲットにします。これには、以下のすべての要素が含まれます。次に、それらの値を現在の値に設定します。idSelect

​$("#myddl").on("change", function(o){
   $("select[id^=Select]").val(o.target.value);
});​​​​​​​​​​
于 2012-05-08T02:39:14.097 に答える
1 
​$(function(){
    $('#myddl').change(function(){
        var value = $(this).val();
        $('select[name=myddl] option[value='+value+']').attr('selected', 'selected');
    });
})​
于 2012-05-08T02:58:05.970 に答える
1

このコードはそれを行います：

$(document).ready(function()
{
    $("#myddl").live('change', function()
    {
        $("#Select1, #Select2, #Select3, #Select4, #Select5").val($(this).val());
    });
});

更新されたJSフィドルはここにあります：http：//jsfiddle.net/leniel/4QvfP/7/

于 2012-05-08T02:32:22.097 に答える
0

最初のドロップダウンの変更時に、jQueryで他のドロップダウンを選択し、.each（）を使用して他のオプションを繰り返し設定できます。

于 2012-05-08T02:36:10.753 に答える