Question

我有一个名为startDateTextBox的文本框。当用户在此框中输入值时，我希望其他文本框被清除。

这是我的代码：

$(document).ready(function ($){
       $('#startDateTextBox').on("textchange",function(){ 
           $("#startExciseNumberTextBox").val('');
           $("#endExciseNumberTextBox").val('');
       });
 });

Answer 1

我认为没有changetext事件，有change和input事件。

$('#startDateTextBox').on('input', clearInputs);

function clearInputs(e) {
  $(':text').not(this).val('');
}

<input id='startDateTextBox' type='text'><br>
<input value='content' type='text'><br>
<input value='content' type='text'><br>
<input value='content' type='text'><br>
<input value='content' type='text'><br>
<input value='content' type='text'><br>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 2

$(function() {
  $('#startDateTextBox').on("change", function() {
    $("input").not(this).val('');
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="startDateTextBox" />
<input />

Answer 3

尝试使用JQuery实现：

$("input").change(function(){
    alert("The text has been changed.");
});

或者，扩展您自己的代码：

$(document).ready(function () {
    $('#startDateTextBox').on('change', function() {
        //do stuff
    });
});

Answer 4

清除其他文本框很容易，您要做的就是监听按键，键入，粘贴或按下事件，并确保startDateTextBox不为空

注意：如果在其他文本框上使用ID，则代码将仅在第一个ID文本框上起作用，因此用户CLASS属性而不是ID可以避免这种情况的发生。

使用以下代码：

$(document).ready(function(){
$("#startDateTextBox").on('keypress keyup keydown paste', function(){

if($(this).val().trim() != ""){

   //clear the other textboxes here 

   $("#startExciseNumberTextBox").val('');
  $("#endExciseNumberTextBox").val('');

}
})

})

检测文本输入并清除其他文本框

4 个答案: