通过javascript将下拉的onchange函数中的所选项显示为html标签,请帮助如何操作

Question

<form  method="post">
  <select name="users" id="users" onchange="showUser(this.value)" value="">
    <option value="">Select a person:</option>
    <option value="1" onchange="copy();">tcs</option>
    <option value="2" onchange="copy();">wipro</option>
    <option value="3" onchange="copy();">Hcl</option>
    <option value="4" onchange="copy();">krystal kones</option>
  </select>
</form>

我有这个下拉我希望当值改变像tcs,wipro或hcl那么那个值应该在html标签中显示

Answer 1

尝试将该onChange属性放在select标记中.

示例:http://jsfiddle.net/r6Fus/

HTML:

<div id="label"></div>
<select id="mySelect" onchange="copy();">
    <option value="">Select a person:</option>
    <option value="tcs" >tcs</option>
    <option value="wipro" >wipro</option>
    <option value="Hcl" >Hcl</option>
    <option value="krystal kones" >krystal kones</option>
</select>

使用Javascript:

function copy() {
    document.getElementById("label").innerHTML = document.getElementById("mySelect").value
}

否则你可以使用jQuery.