[英]how to preselect select tag's option using javascript
我有一個包含選擇標簽的表格,我想在單擊上一頁的按鈕后預填充該標簽。 我怎樣才能做到這一點? 這是表單代碼:
<form method="post" name="registration" action="http://esafe.urdemo.net/user/login/signup" onsubmit="return checkform2();">
<input type="text" class="textbox" placeholder="Enter First Name" name="first_name" />
<input type="text" class="textbox" placeholder="Enter Middle Name" name="middle_name" />
<input type="text" class="textbox" placeholder="Enter Last Name" name="last_name" />
<input type="text" class="textbox" placeholder="Select Date dd/mm/yyyy" name="Date1" onblur="return checkdob(this);"/>
<input type="text" class="textbox" placeholder="Enter Email Id" name="email" />
<input type="text" class="textbox" placeholder="Enter Mobile No." name="mobile" />
<select name="plan" class="form-control" style="width:90%">
<option value="" selected="selected">Please Select</option>
<option value="1">Pro</option>
<option value="2">Premium</option>
<option value="3">Elite</option>
<option value="4">Magna</option>
</select>
<div class="signinStrip">
<span class="forgot"> <a href="#" id="resend_password_link"></a> </span>
<input class="signin_submit" value="Submit" type="submit" />
</div>
</form>
這是按鈕的代碼
<tr>
<td class="title"> </td>
<td><p class="bottom"><a class="btn btn-primary" href="#" >Buy Now</a></p></td>
<td><p class="bottom"><a class="btn btn-primary" href="#" >Buy Now</a></p></td>
<td><p class="bottom"><a class="btn btn-primary" href="#" >Buy Now</a></p></td>
<td><p class="bottom"><a class="btn btn-primary" href="#" >Buy Now</a></p></td>
</tr>
如果要基於上一頁單擊的按鈕選擇特定選項,則必須通過某個服務器端變量或地址url參數發送該值。 例如 您的第二個頁面網址必須類似“ http://yourdomain.com/page2?selected_value=temp ”
然后在下一頁javascript中,您必須提取此參數
function getParam(paramName) {
return decodeURI(
(RegExp(paramName + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
);
}
var selectedVal = getParam("elected_value");
document.getElementById(<your select box id>).value = selectedVal;
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.