0

これはかなり単純なことのように思えますが、この問題は長い間私を悩ませてきました。選択リストの値が「選択」の場合、「無効」になっている送信ボタンがあります。私が欲しいのは html('select an area') です...しかし、ボタンは無効になっています。コードは次のとおりです。

<script>
//setting the variable for first-shown select value
var selVar = $('#areaSel').val();
//disabling submit if first-shown value is 'select'
if(selVar == 'select'){
    $('#areaSubmit').prop('disabled',true);
}
//setting the variable if the selection changed & disabling submit if = 'select'
$('#areaSel').change(function(){
    var selVar = $('#areaSel').val();
    if(selVar == 'select'){
       $('#areaSubmit').prop('disabled',true);
    //removing 'disabled' submit if selection !== select
    }else{
        $('#areaSubmit').prop('disabled',false);
    }
});
    //giving the message to 'select an area
$('#areaSubmit').click(function(){
    var selVar = $('#areaSel').val();
    if(selVar == 'select'){
    $('#areaE').html('select an area');
    }
});
</script>

クリックしたときに送信する代わりに、「領域を選択してください」というメッセージを表示させようとしています。問題は、「選択」を選択するとボタンが無効になることです。助けてくれてありがとう！

4

2 に答える 2

1

送信ボタンが無効になっている間、クリック イベントは発生しません。そのため、タグの html は変更されません。「areaE」のコンテンツを他の場所に変更することに関連してコードを移動します。選択の変更イベントである可能性があります

http://jsfiddle.net/QFWYE/1/

var selVar = $('#areaSel').val();
//disabling submit if first-shown value is 'select'
if(selVar == 'select'){
    $('#areaSubmit').prop('disabled',true);
}
//setting the variable if the selection changed & disabling submit if = 'select'
$('#areaSel').change(function(){
    var selVar = $('#areaSel').val();
    if(selVar == 'select'){
       $('#areaSubmit').prop('disabled',true);
         $('#areaE').html('select an area'); 
    //removing 'disabled' submit if selection !== select
    }else{
        $('#areaSubmit').prop('disabled',false);
         $('#areaE').html(''); 
    }
});
    //giving the message to 'select an area
$('#areaSubmit').click(function(){
    var selVar = $('#areaSel').val();
});
于 2012-11-06T13:55:42.783 に答える
0

どうぞ、これがあなたの目的だと思います。

//giving the message to 'select an area
$('#areaSubmit').click(function(event){
    event.preventDefault();
    selVar = $('#areaSel').val();
    if(selVar == 'select'){
    $('#areaE').html('select an area');
    }else{$('#form').submit();
    }
});
于 2012-11-06T13:33:14.317 に答える