单击提交按钮后禁用选择按钮

Question

I am trying to disable a select field once I click on Search Submit button. But after clicking the button, it temporarily disables it and it shows enable. Here is my jquery code :

$(document).ready(function () {
  $("#search").click(function() {
    $("#cha_name").attr("disabled", true);
 });
});

Help would be appreciated.

Answer 1

instead of

$("#cha_name").attr("disabled", true);

use

$( "#cha_name" ).prop( "disabled", true );

or

$("#cha_name").attr("disabled", "disabled");

Answer 2

Use

$("#cha_name").prop("disabled", true);

instead of

$("#cha_name").attr("disabled", true);//$("#cha_name").attr("disabled", "disabled"); will work

Answer 3

use this below code it may help you.

$(document).click(function() {
  $('#onClickHideButton').prop('disabled',true);
});