入力IDからテキストを変更する

Question

入力に入力されたものがあれば何でも既存のテキストを変更しようとしています。私はid = "text"から取り出そうとしますが、それはうまくいかず、単にテキストを表示します。

<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

今のところ文字列#textが渡されているため、表示されます。 .val()を使用してinputの値を取得してから設定してください。

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

Answer 2

$('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 3

<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>

使用$("#text").val()は、入力