2016-10-12 10 views
0

Textareaに入力を入力しているときに、同じテキストを入力に追加したい、つまり入力に「http://www」の値が必要です。私がテキストエリアに入力したものは、入力値に追加したいと思っています。jQuery textareaから入力に値を追加する

は、今では常に変更に変更を加える、例えば:

(テキストエリアにgoogle.comを入力) それが追加されます: :その結果 グラム を行くグー GOOG など をhttp://www.ggogoogoog ...など

私は間違っていますか?

var titleLink = ""; 
 
var url = $('#text2'); 
 
\t 
 
function inputLink(){ \t \t 
 
\t \t titleLink = $('#text1').val(); 
 
\t \t console.log("changed: " + titleLink); 
 
\t \t var http = url.val(); \t 
 
\t \t url.val(http + titleLink); 
 
\t };
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea name="text1" id="text1" cols="30" rows="10" oninput="inputLink()"></textarea> <br> 
 
<input id="text2" type="text" value="http://www.">

答えて

2

問題は、これが更新され、入力値にあなたが入力し...だから、

あなたの代わりに

var titleLink = ""; 
 
var url = $('#text2'); 
 
\t 
 
function inputLink(){ 
 
    titleLink = $('#text1').val(); // get textarea value 
 
    console.log("changed: " + titleLink); 
 
    var http = 'http://www.'; // http is 'http://www.' 
 
    url.val(http + titleLink); // append http + textarea value 
 
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea name="text1" id="text1" cols="30" rows="10" oninput="inputLink()"></textarea> <br> 
 
<input id="text2" type="text" value="http://www.">

var http = 'http://www.';を使用することができ、それぞれの時間を取得します var http = url.val();です
+0

実際、変数は問題だった、ありがとう! – Melvin

+1

私は少しスリムにすることもできます: function inputLink(){\t \t \t \t titleLink = $( '#text1')。val(); \t \t url.val( "http:// www。" + titleLink); \t}; – Melvin

+1

@Melvin in function関数inputLink(){url.val( 'http:// www。' + $( '#text1')。val()); } –

関連する問題