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

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

javascript jquery html

Javascript 如何根据下拉框选择设置文本框值,javascript,jquery,html,Javascript,Jquery,Html,我有一个要求，根据下拉选择，我应该为下一个输入标记填充数据例如，在下拉框中，如果我给出像NETWORK1、NETWORK2、NETWORK3这样的值。如果我从下拉列表中选择NETWORK1，文本框应填充127.0.0.1，如果是NETWORK2，则为127.0.0.2，依此类推 <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> &l

我有一个要求，根据下拉选择，我应该为下一个输入标记填充数据

例如，在下拉框中，如果我给出像NETWORK1、NETWORK2、NETWORK3这样的值。如果我从下拉列表中选择NETWORK1，文本框应填充127.0.0.1，如果是NETWORK2，则为127.0.0.2，依此类推

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
            "http://www.w3.org/TR/html4/loose.dtd">
<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>
            <option value="N1">Network1</option>
            <option value="N2">Network2</option>
            <option value="N3">Network3</option>
     </select>
IP address : <input type="text" name=ipaddress>
</pre>
</body>
</html>

使用JQuery会更简洁，但在纯javascript中，您可以这样做：

<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地址：

并选择值作为

并添加jquery的头文件

那么，您尝试了什么？很抱歉，我不知道如何获得javathat@llamerryou你可以开始读一些关于html/JS的书或教程了吗？你能给我一些链接@llamerrThanks@Asad Sheikh的信息吗

<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>

    <script language="javascript">

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