Javascript 隐藏提交按钮_Javascript_Jquery_Html_Css

Javascript 隐藏提交按钮

javascript jquery html css

Javascript 隐藏提交按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个保存按钮，它将动态生成下拉列表。当用户选择下拉菜单时，一个值保存按钮是如何禁用的？我已经尝试过css（display:none），jquery（attr）选项不起作用，所以请注意还有其他方法吗 $（文档）.ready（函数（）{ $（文档）。在（“更改”、“选择[id^='dropdown_status']”上，函数（）中{ var status_value=$（this.val（）；如果（状态值='2'| |状态值=='3'）{ //按钮禁用代码 //css代码不工作 $（.su

我有一个保存按钮，它将动态生成下拉列表。当用户选择下拉菜单时，一个值保存按钮是如何禁用的？我已经尝试过css（display:none），jquery（attr）选项不起作用，所以请注意还有其他方法吗

$（文档）.ready（函数（）{
$（文档）。在（“更改”、“选择[id^='dropdown_status']”上，函数（）中{
var status_value=$（this.val（）；
如果（状态值='2'| |状态值=='3'）{
//按钮禁用代码
//css代码不工作
$（.submit.css（'display'，'none'）；
$（'.submit'）.hide（）；
//jquery代码不工作
//$（'：input[type=“submit”]）.prop（'disabled'，true）；
//$（“：submit”）.attr（“disabled”，true）；
}
});
});

苹果
葡萄藤
芒果
使用prop disabled
禁用，使用addClass
隐藏

//如果只想禁用
$（'.submit'）.prop（'disabled'，true）；
//如果你想隐藏
$（'.submit1'）.addClass（'hide'）
.hide{
显示：无
}


$（'select'）。在（'change'，function（）上{
if（this.value=='2'| | this.value=='3'）
$（“输入”）.prop（'disabled'，true）；
其他的
$（“输入”）.prop（'disabled'，false）；
})

苹果
葡萄藤
芒果

$（文档）.ready（函数（）{
$（'.dropdownstatus'）。在（'change'，function（）上{
var状态_值=（this.value）；
如果（状态_值=='2'| |状态_值=='3'）
{
$（'.submit'）.css（'display'，'none'）；
}
否则{
$（'.submit'）.css（'display'，'block'）；
}
});
});
苹果
葡萄藤
芒果


你的意思是“选择”下拉选项“隐藏保存”按钮吗？是的，你是对的。你需要在.submit
此处引用：$（.submit）.css（'display'，'none'）1）删除显示中的选择：无2）$（.submit.css（'display'，'none'）；3） 替换$（'.submit'）.css（'display'，'none'）；那是不可能的
<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
      $(document).ready(function() {
        $('.dropdownstatus').on('change', function() {
          var status_value = ( this.value );
           if (status_value == '2' || status_value=='3')
          {
           $('.submit').css('display','none');
          }
          else{
           $('.submit').css('display','block');
          }
        });
      });
    </script>
  </head>
  <body>
    <select name="status" class="dropdownstatus" id="dropdown_status414938923" size="1" tabindex="-1"title="">
      <option value="1">Apple</option>
      <option value="2">Grapees</option>
      <option value="3">mango</option>
    </select><br/>
    <input type="submit" class="submit" name="update" value="Save">
  </body>
</html>