Question

我要求根据下拉选项填写下一个输入标记的数据。

例如，在下拉框中，如果我提供的值为'BUYPOWER:'。如果我从下拉列表框中选择NETWORK1，则应填写NETWORK1, NETWORK2, NETWORK3，如果是NETWORK2，则为127.0.0.1，依此类推。

127.0.0.2

Answer 1

使用JQuery会更加清晰，但在简单的javascript中你可以这样做：

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body> <pre>
UserName : <input type="text" name=uname>
Password : <input type="password" name=upwd>
Confirm Password : <input type="password" name=cpwd>
Network : <select id="network" onchange="setIP(this)">
            <option value="N1">Network1</option>
            <option value="N2">Network2</option>
            <option value="N3">Network3</option>

     </select>
IP address : <input type="text" name=ipaddress id=ipaddress>
</pre>

<script language="javascript">
    function setIP(networkSelect) {
        var val;
        switch (networkSelect.options[networkSelect.selectedIndex].value) {
                                            case 'N1': val = '127.0.0.1'; break;
                                            case 'N2': val = '127.0.0.2'; break;
                                            case 'N3': val = '127.0.0.3'; break;
                                        }
        document.getElementById('ipaddress').value = val;
    }

    setIP(document.getElementById('network'));
</script>
</body>
</html>

Answer 2

你可以这样做，给出像这个

这样的选项值的addess

<select id="network">
        <option value="127.0.0.1">Network1</option>
        <option value="127.0.0.2">Network2</option>
        <option value="127.0.0.3">Network3</option>
 </select>

IP地址：

并选择值为

    <script language="javascript">

$("#network").change(function(){
 var temp = $("#network option:selected").val();
$("#ipAddress").val(temp);
 });
  </script>

并添加jquery的头文件

如何根据下拉框选择设置文本框值

2 个答案: