主页 / 问题 / 915031
Accepted
duddeniska
Asked:2020-12-04 00:26:20 +0000 UTC2020-12-04 00:26:20 +0000 UTC

选择选择时更改输入值

  • 772

大家好，有这个input：

 <input type='hidden' name='oa' value=''>

有这样的选择

<select>
    <option value="15">15$ - 1 месяц</option>
    <option value="1">1$ - 1 день</option>
    <option value="4">4$ - 5 дней</option>
    <option value="7">7$ - 10 дней</option>
</select>

在选择一个特定的值时，如何在使用 jQueryselect时替换该值？input

jquery

2 个回答

  1. Best Answer

    可以通过以下方式完成（为方便起见，我添加id了一个 select 并将输入类型从 更改hidden为text）：

    $("#select").change(function(e) {
  $("input[name='oa']").val(e.target.value);
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type='text' name='oa' value=''>
<select id='select'>
  <option value="15">15$ - 1 месяц</option>
  <option value="1">1$ - 1 день</option>
  <option value="4">4$ - 5 дней</option>
  <option value="7">7$ - 10 дней</option>
</select>

    让我解释一下：$("#select").change(function(e) {...})- 它会改变选择。你可以在这里阅读：jQuery.change()

    代码行：$("input[name='oa']")- 获取包含 name 属性且值为 的元素oa。作为参考，您可以在此处阅读：jQuery：属性包含选择器[name*=”value”]

    用 更改输入的值.val(e.target.value);。作为参考，您可以在此处阅读：jQuery：.val()

    • 1

  2. 不要聪明，只是做：

    <select name='oa'>
    <option value="15">15$ - 1 месяц</option>
    <option value="1">1$ - 1 день</option>
    <option value="4">4$ - 5 дней</option>
    <option value="7">7$ - 10 дней</option>
</select>
    • 0

相关问题