通过选择更改值的输入更改值

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>