如何使用javascript预选择select tag's选项
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参数发送该值。如。第二页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;
相关文章:
- 我的单元测试选项是什么
- 如何更改bigquery API中的计费层选项
- 使用Javascript获取所选选项ID
- Selectize.js:如何对整数值的选项进行排序
- 通过js在新选项卡中有条件地打开url
- 按照选项卡索引的顺序循环一个jQuery选择
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- Setting default onclick behavior for <img> tag in gene
- 无法在Ionic select中预先选择最后一个选项
- 如何在选项卡上定义属性'的主窗口对象
- 为什么grunt contrib connect的中间件选项的第三个参数是未定义的
- 使用此选项选择父类内部的类
- CKeditor:更改对话框中的默认选择选项
- JQuery覆盖不更改单选选项
- 活动选项卡's源代码-获取变量s值
- 绑定时将Parsley minlength消息作为选项传递时,未对其进行自定义
- 如何从选择框中的选项中获取属性值
- 仅更改HTML选项TAG中的数字
- 如何使用javascript预选择select tag's选项
- jQuery & lt; tag>按不同选项排序