javascript - 下拉菜单的选定选项值未获取

标签 javascript jquery html

我有一个简单的两个下拉表单,需要根据下拉列表中的给定值进行重定向。



jQuery(document).ready(function(){

	var location = jQuery('#Location option:selected').val();
	var style = jQuery('#Style option:selected').val();
	
  	jQuery('#DropSearch').click(function (e){
      e.preventDefault();
      e.stopPropagation();
    	window.location.href = 'http://showroomworldwide.com/?geodir_search=1&stype=gd_place&s=' + location + '&stype=gd_place&s=' + style;
	});
});

<form id="CustomSearch">
<select id="Location">
		<option value='northeast'>North East</option>
		<option value='west'>West</option>
		<option value='midwest'>Mid West</option>
		<option value='south'>South</option>
	</select>

	<select id="Style">
		<option value='industrial'>Industrial</option>
		<option value='farmhouse'>Farmhouse</option>
		<option value='contemporary'>Contemporary</option>
		<option value='beach+style'>Beach Style</option>
		<option value='traditional'>Tradtional</option>
	</select>

	<button id="DropSearch">
<i class="fa fa-search" aria-hidden="true"></i></button>
</form>





出于某种原因,重定向仅在下拉菜单的第一个选项(或在加载浏览器窗口时选择的选项)中选择。 http://showroomworldwide.com/您可以访问该工作示例的URL。

最佳答案

var location = jQuery('#Location option:selected').val();
var style = jQuery('#Style option:selected').val();


准备好在文档开始时立即执行这些行。因此,它们的值将等于页面加载时的值。它们不会根据点击逻辑进行重新评估。如果您想按点击时的值来将它们移到点击逻辑中。

关于javascript - 下拉菜单的选定选项值未获取,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40985550/

相关文章:

javascript - 我的登录页面的 jquery 验证不起作用

javascript - 如何使用 Knockout JS 从列表中添加和删除项目?

javascript - HTML输入框中的Javascript函数

javascript - 如何验证电子邮件和最小长度验证

java - 即使启用了 CORS,POST 也会被阻止

javascript - 有没有办法中途暂停 CSS 过渡?

javascript - 实现AJAX发布时遇到问题

c# - 基于某些条件的gridview行闪烁

Jquery Dialog - 初始化后div消失

javascript - IE,从打开的下拉列表中跳出胜过 knockoutjs 中的可见绑定(bind)