为另一个HTML类设置选择选项
Set Selected Option for Another HTML Class
如何在加载另一个页面之前为该页面设置所选选项?
假设我有A页和b页。
如果用户点击页面a上的一个按钮,它会将页面B中的一个默认选项更改为"某事",然后它会将用户带到页面B(所以我希望它在页面B加载之前改变)。
如果你设置使用纯JS HTML,没有后端语言,你可以尝试使用GET变量。
Page 1 HTML:
<a href="p2.html?v=1">Option 1</a><br />
<a href="p2.html?v=2">Option 2</a><br />
P2 HTML:
<form>
<input id="Option1" type="radio" name="Option" value="1">Option 1 </input>
<input id="Option2" type="radio" name="Option" value="2">Option 2 </input>
</form>
Page 2 JS:
var queryDict = {}
location.search.substr(1).split("&").forEach(function(item) {queryDict[item.split("=")[0]] = item.split("=")[1]}) //Parse GET Params
document.getElementById("Option" + queryDict["v"]).checked = true; //Set Option checked
我将使用JavaScript的localStorage()
对象。那么,在A页上,你可以这样写:
$(document).ready(function(){
$('a.PageALink').click(function(){
localStorage.setItem("PageAValue", $(this).text()); // Or use the data attribute, if you want the stored value to be something else, e.g. <a data-value="value to store" href="somewebsite.com">link text</a>
});
然后在B页:
$(document).ready(function(){
$('a.PageBLink').text(localStorage.PageAValue);
});
当然,这个答案假设您的页面已经包含了jQuery,或者您知道如何包含它。如果这不适合您,请告诉我们您在依赖项和/或脚本方面的限制是什么。
相关文章:
- CKeditor:更改对话框中的默认选择选项
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- AngularJs列表ng单击以选择选项转换
- 使用基于文本的 Jquery 选择选项
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 选择选项时如何显示警报
- 使用php动态更改选择选项
- 选择“选择选项”时显示文本.怎么做
- LEAFLET地图和带有选择选项的标记-ANGULARjs
- 使用js将动态内容添加到选择选项列表中
- 用于使用javascript循环选择选项
- AngularJS-选择选项并在函数中使用它
- 禁用/启用基于单选/选择选项所选Javascript的文本框
- 如何使用jQuery隐藏与选择选项相关的选择选项列表
- 选择选项是添加或删除事件
- 使用jQuery向“选择选项”添加默认属性
- 构建HTML选择字段并使用JavaScript数组选择选项
- 带有动态选择选项的Firefox html5验证异常
- 只有当Angular从资源对象检索数据时,才选择选项元素