jquery 在更改和页面加载时更改输入值

yfwxisqw  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(119)

下面的代码适用于选择框的更改,但不适用于页面加载。
我试着用$( document ).ready(function() { //code// }); Package 下面的jQuery,但是没有用。
jQuery:

function hotelCheck(that) {
if (that.value == "1") {
        $('#decimal').val('0.00');
        $("#decimal").prop('disabled', true);
    } else {
        $("#decimal").prop('disabled', false);
    }
}

超文本标记语言:

<select onchange="hotelCheck(this);">
    <option value="2">Hotel 1</option>
    <option value="3">Hotel 2</option>
    <option value="4">Hotel 3</option>
    <option value="1" selected>No Hotel</option>
</select>

有人能帮忙吗?
谢谢.

function hotelCheck(that) {
if (that.value == "1") {
        $('#decimal').val('0.00');
        $("#decimal").prop('disabled', true);
    } else {
        $("#decimal").prop('disabled', false);
    }
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <select onchange="hotelCheck(this);">
    <option value="2">Hotel 1</option>
    <option value="3">Hotel 2</option>
    <option value="4">Hotel 3</option>
    <option value="1" selected>No Hotel</option>
</select>

    <input type="text" id="decimal">
yyyllmsg

yyyllmsg1#

你需要在页面加载时第一次触发selectonchange。

$(document).ready(function() {
  $('select').trigger('change');
});

工作片段:

$(document).ready(function() {
  $('select').trigger('change');
});

function hotelCheck(that) {
  if (that.value == 1) {
    $('#decimal').val('0.00');
    $("#decimal").prop('disabled', true);
  } else {
    $("#decimal").prop('disabled', false);
  }
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select onchange="hotelCheck(this);">
  <option value="2">Hotel 1</option>
  <option value="3">Hotel 2</option>
  <option value="4">Hotel 3</option>
  <option value="1" selected>No Hotel</option>
</select>

<input type="text" id="decimal">

相关问题