通過選擇更改值的輸入更改值

Question

我需要一個簡單的jQuery代碼。

我有選項和值。 這個值需要在更改時替換輸入值#msn_v。

<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> 

所以如果選擇'Kies uw maat：32'#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>