変更時の値の入力値の変更

Question

シンプルなjqueryコードが必要です。

私はオプションと値で選択しました。 この値は変更時に入力値#msn_vを置き換える必要があります。そうピック 'KiesさんのUWのMAAT：32' 場合

<select class="outofstockselectswitch"> 
     <option value="1"> 
     Kies uw maat: 32 
     </option> 
     <option value="2"> 
     Kies uw maat: 36 
     </option> 
     <option selected value="3"> 
     Kies uw maat: 38 
     </option> 
</select> 



<form> 
    <input id="msn_v" name="v" value="87371702"> 
</form> 

#msn_vの値を1に変更する必要がありますか？ どうすればいいですか？

Answer 1

jQuery val()メソッドを使用してこれを行うことができます。

$('select').change(function(){ 
 
    $('#msn_v').val($(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="outofstockselectswitch"> 
 
     <option value="1"> 
 
     Kies uw maat: 32 
 
     </option> 
 
     <option value="2"> 
 
     Kies uw maat: 36 
 
     </option> 
 
     <option selected value="3"> 
 
     Kies uw maat: 38 
 
     </option> 
 
</select> 
 
<form> 
 
    <input id="msn_v" name="v" value="87371702"> 
 
</form>

Answer 2

VanillaJSソリューション：onchnageイベントとvalueを使用。

document 
 
    .getElementById('outofstockselectswitch') 
 
    .onchange = function() { 
 
    document.getElementById('msn_v').value = this.value; 
 
    }

<select class="outofstockselectswitch" id="outofstockselectswitch"> 
 
     <option value="1"> 
 
     Kies uw maat: 32 
 
     </option> 
 
     <option value="2"> 
 
     Kies uw maat: 36 
 
     </option> 
 
     <option selected value="3"> 
 
     Kies uw maat: 38 
 
     </option> 
 
</select> 
 

 

 

 
<form> 
 
    <input id="msn_v" name="v" value="87371702"> 
 
</form>

Answer 3

ここでワーキングソリューションです。それが役に立てば幸い！

function getValue(selectObject) { 
 
     var someValue = selectObject.value; 
 
     document.getElementById("msn_v").value = someValue; 
 
    }

<select class="outofstockselectswitch" onchange="getValue(this)"> 
 
    <option value="1"> 
 
     Kies uw maat: 32 
 
    </option> 
 
    <option value="2"> 
 
     Kies uw maat: 36 
 
    </option> 
 
    <option selected value="3"> 
 
     Kies uw maat: 38 
 
    </option> 
 
</select> 
 

 

 

 
<form> 
 
    <input id="msn_v" name="v" value="87371702"> 
 
</form>