0

私のページには、同じ名前で動的に作成された複数の選択入力があります。

私のコード:

<select name="area[]" id="area[]" class="area">
    <option value="">Select Area</option>
    <?  
     $cities = $this->city_model->get_all($posters->product_id);
         foreach($cities as $city) { ?>
           <option value="<?=$city->city_id?>"><?=$city->city_name?></option>
        <? } ?>
 </select>

ユーザーが各選択入力から値を選択するようにしたいので、次のようなjQuery関数を使用しています:

 $('.area').each(function(){ 
if($(this).val() == "") {
  alert("please select Area");
}  return false;
});

$('.quantity').each(function(){ 
if($(this).val() == "" || $(this).val() == 0) {
  alert("please select Quantity");
  return false;
}
});
$('#form').submit();

私はそれと同じことをしましたが、それも機能していますが、フォームも送信します.

 <input type="submit" name="something" id="something" value="something" onclick="checkType();return false;">
4

3 に答える 3

3

if ステートメントに右中括弧がありません。これを試して：

$('.area').each(function(){ 
   if($(this).val() === "") {
      alert("please select Area");
      return false;
   }
});

return false編集:無効なアイテムの数に関係なく、OPが1つのアラートのみを表示したい可能性が高いため、パーツを再追加しました。

これが実際の例です

于 2013-04-26T14:47:35.923 に答える
1 
$('form').submit(function(){
    var unSelected = $('select').filter(function(){
        return this.value === "";
    }).length > 0;

    if (unSelected)
        alert('Error!');
});
于 2013-04-26T14:48:46.853 に答える
0

これを試して：

<script>$('.area').each(function() {
        if ($(this).val() == '') {
            alert("please select Area");
            return false;
        }
    });   
</script>
于 2014-10-28T04:34:06.417 に答える