jQuery: Click event to change input text

Question

I'm puzzled why my very easy script doesn't work. I want to write text into an input field when pressing a button, simple as that :)

Right now I have this:

<input type="button" class="plan-button" id="button15"  value="충전" />

and my jQuery:

$('#button15').click(function() {
  $('input').val($('input').val() + 'sample text');
});

Without the click event, using only this line:

 $('input').val($('input').val() + 'more text');

This works fine. So the problem is the click event? I triple checked for errors... Help would be very much appreciated! Thanks!

EDIT: Here is the rest of the page... I excluded some of the identical table rows to make it easier to read.

 <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){

$('#button15').click(function() {
  $('input').val($('input').val() + 'more text');
 });

});
</script>
<table id="mytable" border="0" style="margin-left: auto; margin-right: auto;">
    <tbody>
        <tr>
            <td style="text-align: center;">
                <div class="box"> <input type="button" class="plan-button" id="button15"  value="충전" /></div>
</tbody>
</table>

Can you provide some more of you code? As said before, it will work this way. — eisbehr
– eisbehr, Commented Jul 22, 2016 at 20:47
Works fine, perhaps show more of the page contents so we can see where the problem is codepen.io/pjabbott/pen/rLvNoX — Paul Abbott
– Paul Abbott, Commented Jul 22, 2016 at 20:47
I just tried it in your code pen and it works. It is within a joomla page and the input which I want to write in is in a different module, maybe that is the problem. Very strange though that as soon as I remove the click event, everything works fine. — sojutyp
– sojutyp, Commented Jul 22, 2016 at 21:06

Amazone · Accepted Answer · 2016-07-22 21:02:06Z

1

In the click, you don't say which input you want. If it's all, you need to do an each like this:

$('#button15').click(function() {
  $('input').each( function(){ 
      $.(this).val( $(this).val() + 'sample text')
  });
});

If you want add 'sample text' only in specific input, add a class like this:

 $('#button15').click(function() {
  $('.change').each( function(){ 
      $.(this).val( $(this).val() + 'sample text')
  });
 });

answered Jul 22, 2016 at 21:02

Amazone

4361 gold badge4 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery: Click event to change input text

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related