javascript - 他の選択時の値の変更としてスパンを持つカスタムjquery selectbox

Question

次のコードに基づいて、さまざまな選択ボックスがあります。

$("select").each(function(){
    var select = $(this).css('opacity', 000);
    var select = $(this).css('width', 200);
    select.wrap('<span class="select"/>');
    select.before('<span class="value"><span></span></span>');
    var selectVal = select.siblings(".value").find("span");

    function selectUpdate() {
        var newVal = select.find(':selected').text();
        selectVal.html(newVal);
    }

    select.bind('change keypress keydown keyup', selectUpdate);
    selectUpdate();
});

selectbox 1 の値 == 何かの場合、selectbox 2 の値を何か他のものに変更する必要があります。

<select name="tbz" id="tbz">
    <option value="1">1</option>
    <option value="something">2</option>
</select>

<select name="prc" id="prc">
    <option value="1">1</option>
    <option value="somethingelse">2</option>
</select>

どうすればこれを機能させることができますか？

Answer 1

ネット上にはあなたのクエスのためのものがたくさんあります.詳細を検索してください.私はあなたに基本的な考えを与えました.

デモ

 $("#tbz").change(function(){
        if( $(this).val()=="something"){
             $("#prc").val("somethingelse");   
        }
    });