我的 html 有这样的东西：
<html>
<table class="MyTable" id="idMyTable">
<tr>
<td>
<select class="mySelect">
<option>A</option>
<option>B</option>
</select>
</td>
<td>
<input type="text" class="myInput"/>
</td>
<tr>
<tr>
<td>
<select class="mySelect">
<option>A</option>
<option>B</option>
</select>
</td>
<td>
<input type="text" class="myInput"/>
</td>
<tr>
</table>
<input type="button" value="Check" onclick="validate()"/>
</html>
在 validate 方法中，我想检查用户是否选择了 B 选项，那么相应的输入字段不能为空。如何使用 jQuery 做到这一点？
感谢任何帮助。
你可以这样做：
$(".mySelect").each(function(){
if($(this)[0].selectedIndex > 0)
{
if($(this).closest(".myInput").val() == '')
{
alert("this input is not valid");
return false
}
}
});
请先添加这样的选项以正确评估值..
<select class="mySelect">
<option value="A">A</option>
<option value="B">B</option>
</select>
And here is the logic goes under validation method
$(".mySelect").each(function(){
if($(this).val() == "B")
{
if($.trim($(this).closest("myInput").val()) == '')
{
// Validation logic here
}
}
});
如果您不想要上面提供的具有值的选项，请使用 jQuery 检查选项的选定文本。