如何获取url参数并将其设置为文本框onload的默认值

Question

网址

http://localhost:8082/EPHI2/SearchOrg.html?orgName=Appollo

我必须从这个 url 中提取参数并将其设置为页面加载文本框的默认值。

我的 HTML 页面如下。

搜索组织.html

    <!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet"
    href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
<style>
.topnav {
  overflow: hidden;
  background-color: #FCFEEA;
}

.topnav a {
  float: left;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #CBF894;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}
</style>
</head>
<body>
<div class="topnav">
        <a href="landing.html">Home</a>
        <a href="search.html">Search Patient</a>
        <a href="manage_policy.html">Manage Policy</a>
        <a href="#" class="xactive">Search Organization</a>
    </div>
    <br>
    <br>
    <br>
    <br>
    <form style="padding: 10px 400px;" name="searchOrganization" action="viewOrganization" method="post">
        <input type="text" name="searchOrg" id="searchOrg" class="form-control"
            placeholder="Search the organization" /> <br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<input
            type="submit" class="btn btn-primary" id="Search" value="Search" /> <input
            type="button" class="btn btn-primary" id="ok" value="OK" /> <input
            type="reset" class="btn btn-primary" id="clear" value="Clear" />
    </form>
</body>
</html>

我必须将文本框“searchOrg”的默认值设置为 url 参数“orgName”的值。

Answer 1

这是完整的代码，只需复制它，谢谢

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
<style>
.topnav {
 overflow: hidden;
 background-color: #FCFEEA;
}

.topnav a {
 float: left;
 color: black;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
 font-size: 17px;
 }

.topnav a:hover {
 background-color: #CBF894;
 color: black;
 }

.topnav a.active {
 background-color: #4CAF50;
 color: white;
 }
</style>
</head>
<body>
<div class="topnav">
    <a href="landing.html">Home</a>
    <a href="search.html">Search Patient</a>
    <a href="manage_policy.html">Manage Policy</a>
    <a href="#" class="xactive">Search Organization</a>
</div>
<br>
<br>
<br>
<br>
<form style="padding: 10px 400px;" name="searchOrganization" action="viewOrganization" method="post">
    <input type="text" name="searchOrg" id="searchOrg" class="form-control"
        placeholder="Search the organization" /> <br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<input
        type="submit" class="btn btn-primary" id="Search" value="Search" /> <input
        type="button" class="btn btn-primary" id="ok" value="OK" /> <input
        type="reset" class="btn btn-primary" id="clear" value="Clear" />
</form>

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$( window ).on( "load", function() {
function getParameterByName( name,href )
{
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( href );
if( results == null )
return "";
else
return decodeURIComponent(results[1].replace(/\+/g, " "));
}

var url      = window.location.href; 
$('#searchOrg').val(getParameterByName("orgName", url));
}); 

</script>
</body>
</html>

如何获取url参数并将其设置为文本框onload的默认值

问题描述

1 个解决方案

解决方案1
-1 2020-02-19 07:21:20

如何获取url参数并将其设置为文本框onload的默认值

问题描述

1 个解决方案

解决方案1 -1 2020-02-19 07:21:20

解决方案1
-1 2020-02-19 07:21:20