2017-10-25 5 views
0

別のテキストボックスにテキストボックスの値を追加するためにどのように私はボタンスパン上のテキストボックスに&クリックしてテキストを入力すると、私は私はjqueryのに新たなんだ。ここ

<b>Enter Some Text</b> <input type="text" id="TxtHelp" /><br /> 
     <button id="HelloModal" class="btn">ModalPop</button> 

のような別テックスにテキストボックスの値を割り当てることができますどのように私を助けてください値を示すが、なぜ

<span id="Span1"></span><br /> 
    <input type="text" class="form-control" id="JanMic" /><b>hhh</b> 

のjQuery

$('#HelloModal').click(function() { 
     var txt = $('#TxtHelp').val(); 
     $('#Span1').append(txt); //Its showing 
     $('#JanMic').append(txt); //Its not showing 
    }) 
を示していないtexbox入力の値を変更する val()から
+0

'$( '#SPAN1')、テキスト(TXT);。 span要素を使用し、 '.textのための'、() 'と入力要素のための秀ずっと –

+0

をuをありがとう '使用; $( '#JanMic')のval(TXT)。あなたを助けてうれしい –

答えて

1

変更append()

$('#HelloModal').click(function() { 
 
    var txt = $('#TxtHelp').val(); 
 
    $('#Span1').append(txt); 
 
    $('#JanMic').val(txt); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<b>Enter Some Text</b> <input type="text" id="TxtHelp" /><br /> 
 
<button id="HelloModal" class="btn">ModalPop</button> 
 

 
<span id="Span1"></span><br /> 
 
<input type="text" class="form-control" id="JanMic"><b>hhh</b>

+0

ずっと秀 –

+0

をありがとう.valが()' – SilverSurfer

関連する問題