jsp页面上如何实现选择下拉框中的选项在相应的文本框动态显示某一字段值

jsp页面上怎么实现选择下拉框中的选项在相应的文本框动态显示某一字段值
下拉框中的值已经获取到了，用的是struts的标签

	<td width="30%" style="padding: 5px;">请选择要借用的设备：</td>

		<td width="70%">

		<html:select property="deviceID" styleId="deviceID" onchange="select()">

		<html:options collection="deviceList" property="deviceID" labelProperty="deviceName"/>

		</html:select></td>

		</tr>

		<tr>

		<td width="15%" style="padding: 5px;">库存数量：</td>

		<td width="30%"><html:text property="kcsl"  size="12" disabled="disabled"/></td>

现在想要在选择下拉框中的选项时，在文本框中获取到该设备的库存量
------解决方案--------------------
用Ajax实现
------解决方案--------------------
直接用ajax实现即可，百度一下很多例子！
------解决方案--------------------
下面是一个ajax验证的部分代码，你参考参考
validation.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>

  <head>

    <title>Using Ajax for validation</title>

  

    <script type="text/javascript">

        var xmlHttp;


        function createXMLHttpRequest() {

            if (window.ActiveXObject) {

                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

            } 

            else if (window.XMLHttpRequest) {

                xmlHttp = new XMLHttpRequest();                

            }

        }


        function validate() {

            createXMLHttpRequest();

            var date = document.getElementById("birthDate");

            var url = "ValidationServlet?birthDate=" + escape(date.value);

            xmlHttp.open("GET", url, true);

            xmlHttp.onreadystatechange = callback;

            xmlHttp.send(null);

        }


        function callback() {

            if (xmlHttp.readyState == 4) {

                if (xmlHttp.status == 200) {

                    var mes = xmlHttp.responseXML.getElementsByTagName("message")[0].firstChild.data;

                    var val = xmlHttp.responseXML.getElementsByTagName("passed")[0].firstChild.data;

                    setMessage(mes, val);

                }

            }

        }

        

        function setMessage(message, isValid) {            

            var messageArea = document.getElementById("dateMessage");

            var fontColor = "red";

            

            if (isValid == "true") {

                fontColor = "green";                

            }

            messageArea.innerHTML = "<font color=" + fontColor + ">" + message + " </font>";

        }


    </script>

  </head>

  <body>

    <h1>Ajax Validation Example</h1>

    Birth date: <input type="text" size="10" id="birthDate" onchange="validate();"/>

jsp页面上如何实现选择下拉框中的选项在相应的文本框动态显示某一字段值

相关推荐