我正在工作门户网站上。我的网页中有以下表单代码:
<form action="" method="get">
<h6>Location:</h6>
<select class="form-control" onchange="if (this[this.selectedIndex].value !== '0') document.location.href=this.value;">
<option value="0" selected="selected">Anywhere</option>
<option value="?l=Bengaluru">Bengaluru</option>
<option value="?l=Noida">Noida</option>
</select>
<h6>Job Type:</h6>
<select class="form-control" onchange="if (this[this.selectedIndex].value !== '0') document.location.href=this.value;">
<option value="0" selected="selected">Select</option>
<option value="?t=Freelancer">Freelancer</option>
</select>
</form>
<h6>Job Category:</h6>
<select class="form-control" onchange="if (this[this.selectedIndex].value !== '0') document.location.href=this.value;">
<option value="0" selected="selected">Select</option>
<option value="?c=data-scientist">Data Scientist</option>
</select>
</form>
但是每次我单击以获取选定的选项时,我都会分别获得它们。像这样:从URL中的表单获取单独的选择值
我想根据用户首先选择的选择框在URL中合并所有这些选择的值。
请帮忙!单击链接以更好地理解我的问题。对不起我的英语不好!:(
选中此提琴,将其更改为适合您的需求。
$("select").on("change", function() {
var url = "";
$("select").each(function() {
if ($(this).val() != 0) {
url += $(this).val();
}
});
$(".url").html(url);
});
这是一个基本示例,您需要更改结果才能更改URL。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句