javascript
  • jquery
  • html
  • 2017-09-08 16 views 0 likes 
    0

    私は2回のドロップダウンを持っています。誰かが1つのドロップダウンで何かを選択するたびに、同じものが他のドロップダウンで選択されます。最初のドロップダウンでオプションを選択した後、他のドロップダウンで同じオプションを選択しなかった場合、そのオプションが機能するようにはできません。 ここにあなたの質問は私には少し不明確である式1つのドロップダウンを選択すると、同じドロップダウンで同じオプションが選択されます

    $(function() { 
        $("input[name='FirstFlangeTypeDrop']").on("change", function(e) { 
         var newValue = e.target.value; 
         $("input[name='SecondFlangeTypeDrop'][value='" + newValue + "']").prop("selected", true); 
         }); 
        }); 
    
    +0

    あなたが抱えている問題は何ですか?あなたが望む/期待することをあなたに教えてくれましたが、問題を説明していません。また、これは 'jQuery'を使用していますので、ライブラリをロードしてください。あなたの質問を更新し、' jQuery'タグを追加したいかもしれません。 – NewToJS

    +0

    最初のドロップダウンでオプションを選択した後で、他のドロップダウンで同じオプションを選択しなかった場合、それを動作させることができません。 –

    +0

    選択要素はまったく同じですか? – Teemu

    答えて

    1

    です。しかし、私はこれがあなたが探しているものだと思います。

    $(function() { 
     
    
     
        $("select[name='FirstFlangeTypeDrop']").on("change", function(e) { 
     
        var newValue = $(this).val(); // get selected value 
     
        $("select[name='SecondFlangeTypeDrop']").val(newValue); // set selected value 
     
        }); 
     
    
     
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
     
    
     
    <select name="FirstFlangeTypeDrop"> 
     
    <option value="1">option 1</option> 
     
    <option value="2">option 2</option> 
     
    </select> 
     
    
     
    <select name="SecondFlangeTypeDrop"> 
     
    <option value="1">option 1</option> 
     
    <option value="2">option 2</option> 
     
    </select>

    関連する問題