使用Javascript函数基于所选选项设置HTML文本框值。但似乎没有用 [英] setting the HTML textbox value based on the selected option using Javascript function. But it seems to be not working

问题描述

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

This is the javascript snippet which assigns the selected option value to a text box

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

这是实际的html代码

this is the actual html code

<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>

我希望我做得对，但仍然无法得到我的解决方案

I Hope am done right ,but still am not able to get my solution

推荐答案

假设这个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并将其添加到头部

You can use unobtrusive JavaScript and add this to the head

Plain 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;">

这篇关于使用Javascript函数基于所选选项设置HTML文本框值。但似乎没有用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！