根据更改

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>