<div class="selCont">
<h2>pick an option</h2>
<select id="my-dropdown" name="my-dropdown">
<option value="0">Please Select</option>
<option value="1">West</option>
<option value="2">Land</option>
<option value="3">Easter</option>
<option value="4">Springtime</option>
<option value="5">Celtic</option>
<option value="6">Spectacular/</option>
<option value="7">Weekend</option>
<option value="8">Dark</option>
<option value="9">Treasures</option>
</select>
<button class="go-btn" type="submit">
Go
</button>
</div>
所以基本上我希望能够让用户选择一个选项,并在点击“开始”按钮后,让脚本运行并查看下拉列表的值,并使用该值将它们发送到相关页面。
我一直在尝试一些事情,但到目前为止,它们并没有很好地结合在一起。一如既往地感谢您的帮助。
编辑
http://jsfiddle.net/TmfyC/ - 这是我最近在其中一条评论的帮助下尝试的方法。
*我为可能受益的人使用了什么*
$('.go-btn').click(function() {
window.location = $('#my-dropdown').val();
});
这就是我最终所做的,然后我将值分配为我的页面的 url。似乎像款待一样工作。感谢大家的帮助。
最佳答案
2 件事:http://jsfiddle.net/xSyF2/1/ 或 http://jsfiddle.net/xSyF2/
代码
$('.go-btn').click(function() {
var selected = $('#my-dropdown option:selected');
alert(" If you want text ==>" + selected.html());
});
或
$('.go-btn').click(function() {
alert(" If you just want value ==>" + $('#my-dropdown').val());
});
关于jquery - 单击按钮获取选择值并做某事,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11686499/