-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>

検証メソッド内で、ユーザーが 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 に答える