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

问题描述 投票:-1回答:1

URL

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

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

我的HTML页面如下。

SearchOrg.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”的值。

javascript jquery html url-parameters
1个回答
-1
投票

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

<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>
© www.soinside.com 2019 - 2024. All rights reserved.