如何动态地将组合框的值更改为同一个jsp页面中的另一个文本字段

时间:2013-09-28 17:08:22

标签: javascript jsp

first.jsp 这是我的jsp页面编码          

Class: 
<select name="classn">
<option value="select">--Select--</option>
<option value="I class">I Class</option>
<option value="II class">II Class</option>
<option value="III class">III Class</option>
</select>
RollNO:
<input type="text" name="rollno" />
</body>
</html>

我想将classn值放入文本字​​段

1 个答案:

答案 0 :(得分:0)

从您的问题措辞我明白您希望select classn值为rollno text box。如果我错了,请纠正我。

这是解决方案  的的Javascript

<script>
   function assingText()
    {
     var className = document.getElementById("classnId").value;
     if(className != "select")//check if it is not the select
     {
        document.getElementById("rollNoId").value = className;
     }
     else
     {
        document.getElementById("rollNoId").value = ""; //it clears the value if present
     }
    }  
</script>

HTML代码变化不大

Class: 
  <select name="classn" id="classnId" onchange="assingText()" > //here added id and onchange event is added
    <option value="select">--Select--</option>
    <option value="I class">I Class</option>
    <option value="II class">II Class</option>
    <option value="III class">III Class</option>
  </select>

RollNO:
  <input type="text" name="rollno" id="rollNoId"/> //here id is assigned to textbox