-4

我的 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 做到这一点？

感谢任何帮助。

4

2 回答 2

1

你可以这样做： 

$(".mySelect").each(function(){
    if($(this)[0].selectedIndex > 0)
    {
        if($(this).closest(".myInput").val() == '')
        {
            alert("this input is not valid");
            return false
        }
    }
});
于 2013-03-19T07:18:39.327 回答
0

请先添加这样的选项以正确评估值..

<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 检查选​​项的选定文本。

于 2013-03-19T07:21:09.750 回答