javascript - 禁用发送按钮

Question

我正在使用此代码检查是否在下拉列表中选择了一个值。

$(document).ready(function () {
$("send").click(function () {

if (document.getElementById('dropdown1').selectedIndex == 0)
$("#msg_dropdown1").html("Required");

});
$('#dropdown1').change(function(){$('#msg_dropdown1').hide()})
});

在选择一个值之前是否存在禁用提交按钮的方法？

<input type="submit" id="send" value="SEND" class="greyishBtn" />

Answer 1

更改 $("send").click(function () { 为 $(#"send").click(function () {

Answer 2

首先使用ID选择器send

替换 $("send").click(function () {

和 $("#send").click(function () {

    $('#dropdown1').change(function(){
        if($('#dropdown1').val() != 0){
            $("#send").attr("enabled","enabled");
        } else{
            $("#send").attr("disabled","disabled");
        }
    });

Answer 3

$(document).ready(function () {
    $("#send").click(function () {
        if (document.getElementById('dropdown1').selectedIndex == 0)
            $("#msg_dropdown1").html("Required");
    });
    $('#dropdown1').change(function(){
        if($(this).val() != 0){
            $("#send").removeAttr("disabled");
        }
        else{
            $("#send").attr("disabled","disabled");
        }
    });
});

<input type="submit" id="send" value="SEND" class="greyishBtn" disabled="disabled" />

Answer 4

尝试这个

   <select id="dropdown1" name="dropdown1" onchange="unblock(this)">

    function unblock(arg){
      if(arg.options[arg.selectedIndex].value !=0){
      $('#send').css('display','block');
      }
    }