我有一些如下所示的 HTML:
<div class="MyClass"></div>
<div class="MyClass"></div>
<div class="MyClass"></div>
<div class="MyClass">
....stuff
<select>
<option value="1">blahblah</option>
<option value="2">blahblah</option>
</select>
</div>
<div class="MyClass">
....stuff
<select>
<option value="5">blahblah</option>
<option value="10">blahblah</option>
</select>
</div>
如您所见，我有几个 MyClass 类的 div，其中一些 div 内部有一个选择框。
我有以下用于触发事件的 JavaScript:
$(document).ready(function () {
$('.MyClass').click(function () { DoThing($(this)); });
});
DoThing 函数如下所示:
function DoThing(TheDiv) {
var Value = parseInt(TheDiv.find(select).val());
alert(Value);
}
这就是我正在努力解决的部分:如何找到所选选择的值？目前，它只提醒 1 个。
感谢您的建议。
最佳答案
描述
您应该使用 jQuery 的 :selected 选择器来获取所选选项。
查看我的样本和这个 jsFiddle Demonstration
示例
HTML
<select id="firstSelect">
<option value="5">blahblah</option>
<option selected="true" value="10">blahblah</option>
</select>
<select id="secondSelect">
<option value="5">blahblah</option>
<option selected="true" value="14">blahblah</option>
</select>
<select id="thirdSelect">
<option value="5">blahblah</option>
<option selected="true" value="20">blahblah</option>
</select>
jQuery
alert($("#firstSelect option:selected").val());
alert($("#secondSelect option:selected").val());
alert($("#thirdSelect option:selected").val());
更多信息
关于jquery获取select的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8886136/