HTML,将选项值设置为输入框的当前值

时间:2015-08-03 16:30:38

标签: html html5 select

我有一个选择输入,其中包含一个名为" custom"的选项。因此,当用户选择" custom"从列表中,值必须是相应文本输入框的值。

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

    <input  id="custom_choice" />

&#34; custom&#34;文本不需要更改,只需要收集表单中数据的值。

有什么想法吗?

由于

2 个答案:

答案 0 :(得分:1)

JavaScript最适用于此,如下所示:

请记住,这将是两个单独的文件:

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

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

我认为这可能有用,但您必须检查它。

答案 1 :(得分: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

相关问题