Question

我正在尝试将输入的值放入范围，不仅在页面加载（替换文本）上，而且在我键入时更改它。当我在框中输入新内容时，此代码似乎有效：

$(document).ready(function(){
    $("#fname").on("change keypress input", function() {
        $("#brand").text( $(this).val() );
    });    
});

然而，是否有更好的方法，不仅在我输入新内容时更改它，还在页面加载上也是如此？（即它将直接拉出内容）。

谢谢。

Answer 1

您可以使用此代码。我希望它会起作用

$(document).ready(function(){
var load_text = $('#fname').text();
$("#brand").text(load_text);
$("#fname").on("change keypress input", function() {
    $("#brand").text( $(this).val() );
});    
});

您也可以使用此代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
 $("#fname").on("change keypress input", function() {
  $("#brand").text( $(this).val() );
}).change();    
}); 
</script>


<form id="test_form">
<input type="text" id="fname" value="your_input_text" />
<span id="brand"></span>
 </form>

Answer 2

你可以玩这样的多个活动..

$("#fname").on({
    change : function(){
        //code here
    }, 
    keypress : function(){
       //code here
    }, 
    input: function(){
       //code here
    } 
});

Answer 3

只需触发其中一个

$(function(){
  $("#fname").on("change keypress input", function() {
    $("#brand").text( $(this).val() );
  }).change();    
});

将输入文本放入span中 - 仅适用于keyup

3 个答案: