如何使用 Javascript 或 jQuery 从 URL 获取查询字符串以填充选择值
How to get query string from URL using Javascript or jQuery to populate select values?
我有 3 个选择或选项下拉列表,根据用户选择的内容需要根据查询字符串填充或选择下拉列表的选择值。所以我想我需要帮助获取 URL 和查询字符串,并找出它是否包含用户选择填充选择值的任何内容。
现在,当用户选择它们然后提交搜索时,我的选择值不会持久。 我如何让它们在Javascript或jQuery中持久化?我的另一个问题是用户可以搜索所有选项,我有它的工作,但有一个复选框放置一个值,读取该值以搜索所有内容。在第一次页面加载时,我将如何选中该复选框并查询字符串"?search=%20%20%20%200"以填充 URL 查询字符串。 提前谢谢。
这是我目前的JS:
var resourceGradeId;
var resourceContentId;
var resourceProgramTypeId;
var resourceSearchAll;
$(document).ready(function() {
var searchAll = '<strong>' + "All" + '</strong>';
$('#xsltsearch_summary .dmnsSearchResultNumber:contains("0")').replaceWith(searchAll);
$("#resourceSelect").click(function (event) {
resourceGradeId = $('#teachersResourceSearchGrade').val();
resourceContentId = $('#teachersResourceSearchContent').val();
resourceProgramTypeId = $('#teachersResourceSearchProgramType').val();
resourceSearchAll = $('#teachersResourceSearchAll').val();
window.location.href = '/teachers/classroom-resources?search=' + resourceGradeId + ' ' + resourceContentId + ' ' + resourceProgramTypeId + ' ' + resourceSearchAll;
});
$("select option").attr('disabled', false);
$(":checkbox").click(function(event) {
//reset values
if($(":checkbox").is(":checked")){
$("#teachersResourceSearchGrade").val('');
$("#teachersResourceSearchContent").val('');
$("#teachersresourceProgramTypeId").val('');
$("#teachersResourceSearchAll").val('0');
$("select").attr('disabled', true);
}
else
{
$("#teachersResourceSearchAll").val('');
$("select").attr('disabled', false);
$("select option").attr('disabled', false);
}
});
});
检查 url 中的变量
getUrlVars()["search"];
这会得到 example.com/page 的价值吗?搜索=yolo%20no
为了说明搜索的价值,它只是一个形式
<form method="get"><input type="text" name="search"/></form>
这与选择菜单相同
<form method="get"><select name="dropdown"><option>Option 1</option></select></form>
刚刚用了这个
var myQuery = window.location.search.substring(1);
// alert(myQuery);
if(myQuery == ''){
window.location.href = document.URL + '?search=%20%20%200';
$(":checkbox").attr('checked', 'checked');
//alert('no query');
}else if(myQuery == 'search=%20%20%200'){
$(":checkbox").attr('checked', 'checked');
}
else{
}
相关文章:
- 如何有效地将游戏数据存储在URL查询字符串中
- 从查询字符串参数推断出正确的数据类型
- AngularJS:获取链接中没有哈希的查询字符串值
- AngularJS,如何更改查询字符串
- Datatables查询url字符串:需要regex来修复url解析
- 如何将activeadmin查询字符串传递给batch_action
- 如何从查询字符串中的输入字段发回文本
- Django在使用AJAX时没有接收到新的查询字符串
- 使用查询字符串方法清除浏览器缓存
- 用于刷新的Javascript更改查询字符串
- 我想将查询字符串变量添加到JSON名称/值对中
- 将查询字符串值从页面传递 asp.net 到 iframe
- jqueryajax生成查询字符串,如果未定义则不通过
- 如何将查询字符串传递到HTML框架
- iron路由器将参数添加到字符串中,并添加一个查询
- 使用字符串查询此选择器
- 替换URL'中的字符串查询;s与Javascript(有条件)
- 基于匹配或正则表达式的查询字符串查询Mongo
- 简单json字符串查询
- 向Django传递一个布尔字符串查询