jquery追加文本到不同的文本區域不起作用

-1

我有兩個textarea。當我點擊它應該附加到文本區域。請查看JSFIDDLE代碼。jquery追加文本到不同的文本區域不起作用

當我點擊#one，#two只追加到第一個textarea。和#three，#four僅適用於第二個textarea。但我的代碼附加到兩個textareas。

 <form accept-charset="UTF-8" action="/home/index" method="post"> 


      <div class="hashtag">#one</div> 
     <div class="hashtag">#two</div> 
    <textarea id="text-box"></textarea> 
<input type="submit" value ="ok" id="go" /> 


     <div class="hashtag">#three</div> 
     <div class="hashtag">#four</div> 
     <textarea id="text-box1"></textarea> 
     <input type="submit" value ="ok" id="go" /> 


     </form>

jQuery代碼

$(document).ready(function(){ 

    $(".hashtag").click(function(){ 
    var txt = $.trim($(this).text()); 
    var box = $("#text-box"); 
    var box1 = $("#text-box1"); 

    box.val(box.val() + txt); 
    box1.val(box1.val() + txt); 
    }); 
});

我的代碼文本追加到文本框都。

[http://jsfiddle.net/Hhptn/483/][1]

來源

2014-07-08 Tharindu ucsc

你的問題不清楚，小提琴上的代碼你有兩個輸入框你想做什麼？ –

當我點擊#one和#two它應該只附加到第一texarea ..我的代碼apped到兩個textaras。就像當我點擊#three和#four時，它應該只添加第二個textarea，而不是兩個。 –

現在你的鏈接消失了。 –

你UCAN使用的井號標籤數據屬性來指定目標：

<div class="hashtag" data-dest="text-box">#one</div> 
<div class="hashtag" data-dest="text-box">#two</div> 
<div class="hashtag" data-dest="text-box1">#three</div> 
<div class="hashtag" data-dest="text-box1">#four</div>

，並在JS：

$(document).ready(function(){ 
    $(".hashtag").click(function(){ 
     var txt = $.trim($(this).text()); 
     var dest = '#' + $(this).data('dest'); 

     $(dest).val($(dest).val() + txt); 
    }); 
});

http://jsfiddle.net/Hhptn/485/

來源

2014-07-08 15:10:21 Angelo

親愛的安傑洛，這種方法工作正常。你救了我的一天！謝謝先生， –

您正在追加到這兩個框中，您可以輸入一個條件。

$(document).ready(function(){ 

    $(".hashtag").click(function(){ 
    var txt = $.trim($(this).text()); 
    var box = $("#text-box"); 
    var box1 = $("#text-box1"); 

    if(txt == '#one' || txt == '#two') 
     box.val(box.val() + txt); 

    if(txt == '#three' || txt == '#four') 
     box1.val(box1.val() + txt); 
    }); 
});

希望這會有所幫助。

乾杯！

來源

2014-07-08 15:09:11

試試這個，Demo

$(".hashtag").click(function(){ 
    var txt = $.trim($(this).text()); 
    var box = $("#text-box"); 
    var box1 = $("#text-box1"); 
    if(txt == '#one' || txt == '#two') { box.val(box.val() + txt); } 
    if(txt == '#three' || txt == '#four') { box1.val(box1.val() + txt);} 
});

來源

2014-07-08 15:16:49 hari

jquery追加文本到不同的文本區域不起作用

回答

相關問題