Как получить параметры URL и установить его в качестве значения по умолчанию для текстового поля загрузки - PullRequest
Новая
       19

Как получить параметры URL и установить его в качестве значения по умолчанию для текстового поля загрузки

0 голосов
/ 19 февраля 2020

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

1 Ответ

0 голосов
/ 19 февраля 2020

вот полный код, просто скопируйте его, спасибо 

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