使用Javascript函数基于所选选项设置HTML文本框值。但这似乎不起作用

Question

这是将所选选项值分配给文本框的javascript代码段

function check() {
 document.getElementById("inp").value=document.getElementById("id").value ;
}

这是实际的html代码

<form>
<select id="id"  onSelect="check( );">
<option></option>
<option value=85.5>opt1</option>
<option value=95.5>opt2</option>
<option value=95.5>opt3</option>
<option value=95.5>opt4</option>
</select>
<input type=text name="input" id="inp">
</form>

我希望做对了，但仍然无法解决我的问题

Answer 1

这是您的解决方法。

这个作品

我想它的摘要是您应该将onSelect更改为onChange。

<script>
 function check() {
     document.getElementById("inp").value=document.getElementById("id").value;
    } 
 </script>
</head>
<body>
    <form>
        <select id="id"  onChange="check();">
        <option></option>
        <option value=85.5>opt1</option>
        <option value=95.5>opt2</option>
        <option value=95.5>opt3</option>
        <option value=95.5>opt4</option>
        </select>
    <input type=text name="input" id="inp" value="">
    </form>
</body>

Answer 2

假设这个HTML

<select id="id">
  <option value="">Please select</option>
  <option value="85.5">opt1</option>
  <option value="95.5">opt2</option>
  <option value="95.5">opt3</option>
  <option value="95.5">opt4</option>
</select>

您可以使用简洁的JavaScript并将其添加到头部

普通JS：

window.onload=function() { 
  document.getElementById("id").onchange=function() {     
    this.form.input.value=this.value; 
  }
}

jQuery中将相同

$(function() { 
  $("#id").on("change",function() { 
    $("#inp").val($(this).val()); 
  }); 
});

如果您必须内联进行，则

<select id="id" onchange="this.form.input.value=this.value;">

Answer 3

您的HTML和JavaScript都有多个问题

您格式化的HTML

<form>
<select id="id" onChange="check();">
    <option></option>
    <option value="85.5">opt1</option>
    <option value="95.5">opt2</option>
    <option value="95.5">opt3</option>
    <option value="95.5">opt4</option>
</select>
<input type="text" name="input" id="inp" />
</form>

JS

function check() {
    document.getElementById("inp").value = document.getElementById("id").value;
}

工作演示

另外，您还应将value =“”之类的值括起来。 除此之外，没有重大问题

使用Javascript函数基于所选选项设置HTML文本框值。但这似乎不起作用

问题描述

3 个解决方案

解决方案1
1 2013-11-08 12:34:16

解决方案2
1 2013-11-08 12:47:23

解决方案3
0 2013-11-08 12:40:42

使用Javascript函数基于所选选项设置HTML文本框值。 但这似乎不起作用

问题描述

3 个解决方案

解决方案1 1 2013-11-08 12:34:16

解决方案2 1 2013-11-08 12:47:23

解决方案3 0 2013-11-08 12:40:42

使用Javascript函数基于所选选项设置HTML文本框值。但这似乎不起作用

解决方案1
1 2013-11-08 12:34:16

解决方案2
1 2013-11-08 12:47:23

解决方案3
0 2013-11-08 12:40:42