|
|
<html> <head> <meta http-equiv="Content-Type" content="text ml; charset=GB2312" /> <title>Untitled Document</title> <script language="JavaScript" type="text/javascript"> function changeIt(){ text1.value += select1.options[select1.selectedIndex].value+","; alert(text1.value);} </script> </head> <body> <select name="select1" id="select1" onchange="changeIt()"> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> <select> <input type="text" id="text1" /> </body><html>
上边是第一种方法:直接使用value
第二种方法:使用innerText
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""><script language="JavaScript" type="text/javascript">function dochange(){ var select_Value=document.getElementById("select_Id").value; var text_Value=document.getElementById("text_Id"); text_Value.innerText=select_Value;}</script> </HEAD> <BODY> <select name="select1" id="select_Id" onchange="dochange()"> <option value="选择了第一个">选择了第一个</option> <option value="选择了第二个">选择了第二个</option> <option value="选择了第三个">选择了第三个</option> <select> <input type="text" id="text_Id" /> </BODY></HTML>
|
|