根据从下拉菜单中选择的选项创建查询字符串
Creating a querystring based on what option is selected from a drop down menu
我有这个下拉菜单:
<select name="Filter" onchange="applyFilter(this);">
<option name="Item1" id=Item1 value="10.5">Test1</option>
<option name="Item2" id=Item2 value="27">Test2</option>
<option name="Item3" id=Item3 value="31">Test3</option>
</select>
我仍在学习javascript,并试图编写一个函数来生成/加载查询字符串URL,并将所选项目的值作为参数传递。下拉菜单中的每个选项都需要有自己的ID。这是我迄今为止的代码:
<script language="javascript1.2" type="text/javascript">
function applyFilter()
{
var currentQS = '';
var currentObject;
var currentURL = '' + window.location.href;
currentQS = unescape(window.location.search);
var newQS = '';
currentObject = document.getElementById('Item1');
newQS = $Querystring(newQS).set(currentObject.name,currentObject.value).toString();
newQS = newQS.substring(1,newQS.length);
currentObject = document.getElementById('Item2');
newQS = $Querystring(newQS).set(currentObject.name,currentObject.value).toString();
newQS = newQS.substring(1,newQS.length);
currentObject = document.getElementById('Item3');
newQS = $Querystring(newQS).set(currentObject.name,currentObject.value).toString();
newQS = newQS.substring(1,newQS.length);
var newURL = 'http://' + location.hostname + location.pathname + '?' + newQS;
window.location = newURL;
}
</script>
如有任何帮助,我们将不胜感激。
不确定$Querystring
指的是什么,但应该可以这样做:
document.getElementsByName('Filter')[0].addEventListener('change', function() {
window.location = 'http://' + location.hostname + location.pathname + '?' + this.name + '=' + this.options[this.selectedIndex].value;
});
然而,选择菜单可能不是你想要做的事情的最佳选择。看看这篇博客文章:http://uxmovement.com/forms/stop-misusing-select-menus/
相关文章:
- 从动态创建的html选择中选择所选选项
- 如何在Google chrome安全首选项文件中创建扩展安全哈希代码
- 创建了一个选项卡,但点击时不会起作用-jQuery issue/newbie
- 如何创建一个随机的计算机选项,除了你已经选择的选项
- 正在尝试创建一个选择选项
- 用CSS和Javascript创建一个选项卡系统
- 如何为下拉菜单中的不同选项创建不同数量的输入文本字段
- 使用来自 JSON 的 jquery 或 angularJS 的选项创建多个选择
- Javascript 使用下拉菜单选项创建文本字段
- 使用 JavaScript 和 AJAX 选项创建 Select HTML
- 根据选择中的选项创建选择组
- 为投递箱选项创建不同的默认值
- 选择2 - 使用预加载的选项创建 ajax
- 我可以使用 ng 选项创建指令(不使用选择标签)吗?
- 如何在弹出窗口中的同一页面上用下拉列表中的预选选项创建超链接
- 为iframe获取对象null.使用jsdom和所需选项创建iframe
- 从选择选项创建以毫秒为单位的日期数组;YYYY,M,D”;
- 如何创建一个基于下拉选项创建段落的Javascript表单
- 根据从下拉菜单中选择的选项创建查询字符串
- 当使用javascript时,我如何为一个选择的选项创建一个if语句