HTML，将选择选项值设置为输入框的当前值答案

【问题标题】：HTML, set select option value to the current value of an input boxHTML，将选择选项值设置为输入框的当前值
【发布时间】：2023-03-15 15:05:01
【问题描述】：

我有一个选择输入，其中包含一个名为“自定义”的选项。因此，当用户从列表中选择“自定义”时，该值需要是相应文本输入框的值。

    <select id="choice" >
          <option value="">custom</option>
          <option value="1">A</option>
          <option value="2">B</option>
    </select> 

    <input  id="custom_choice" />

“自定义”文本不需要更改，只需更改收集表单数据时的值。

有什么想法吗？

谢谢

【问题讨论】：

好的。那么你做了什么来尝试解决你的问题？听起来像是你想要 JavaScript 的东西。
您是否希望在选择中显示输入值的选择中显示的文本更改？还是要在提交表单时勾选自定义选项时发送输入值？
不，我不想更改文本，只是更改值。所以自定义选项的值会和表单提交时输入框的值一致。

标签： html select

【解决方案1】：

给你，

HTML

 <select id="choice" onChange="javaScript:getIt(this)">
      <option value="">custom</option>
      <option value="1">A</option>
      <option value="2">B</option>
</select> 

<input  id="custom_choice" />

JavaScript

getIt = function(obj) {
    var val = document.getElementById("choice").value;
    //If you want to get value then user above line.
    var innerhtml =  obj.options[obj.selectedIndex].text;
    document.getElementById("custom_choice").value = innerhtml;

}

FIDDLE

【讨论】：

【解决方案2】：

JavaScript 最适合这种情况，如下所示：

请记住，这将是两个单独的文件：

var choice = document.getElementById("choice");

var custom_choice = document.getElementById("custom_choice").innerHTML = choice;

我认为这可能有效，但您必须检查一下。

【讨论】：