Question

我尝试使用输入中键入的内容更改任何现有文本。我试着从id =＆＃34; text＆＃34;但它不起作用，只显示文字。

<input type="text" class="form-control" id="text" placeholder="Type your text here.....">

<div class="form-group">
    <button>submit</button>
</div>
<div class="form-group" id="response">
    <pre>Type some text in the above text field, then log the text out here on button click</pre>
</div>


<script>
    $('button').click(function() {
        $("#response").text("#text");
    });
</script>

Answer 1

 $('button').click(function() {
 
    $("#response").text($("#text").val());
    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<input type="text" class="form-control" id="text" placeholder="Type your text here.....">        

  <div class="form-group">
    <button>submit</button>
  </div>  
  <div class="form-group" id="response">
    <pre>Type some text in the above text field, then log the text out here on button click</pre>
  </div>  



<script>
 
</script>

Answer 2

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="form-control" id="text" placeholder="Type your text here.....">        

  <div class="form-group">
    <button>submit</button>
  </div>  
  <div class="form-group" id="response">
    <pre>Type some text in the above text field, then log the text out here on button click</pre>
  </div>  



<script>
  $('button').click(function() {
    $("#response").text($("#text").val());
});
</script>

＆＃13;

使用$("#text").val()从输入中获取值

Answer 3

截至目前，您只是传递字符串#text，因此会显示它。使用.val()从input获取值，然后设置它。

 $("#response").text($("#text").val());

从输入ID更改文本

3 个答案: