CODEWITHSUNDEEP
javascriptjqueryinputhide
dikei
dikei

Reputation: 439

Hide a certain character in an input field jQuery

I am trying to hide a dollar sign in an input field. I am populating the input field with some values from buttons, so when you click on the button it will populate the field, but it is still showing the dollar sign still for some reason. Some help will be much appreciated.

Thanks,

Here is my fiddle - http://jsfiddle.net/7Shzg/1/ and the code bellow

$('#amount').html($('#amount').html().replace("$",""));

$( "button" ).click(function() {
        var text = $( this ).text();
             $( "#amount" ).val( text );
            });

Upvotes: 0

Views: 1702

Answers (1)

Bhushan Kawadkar
Bhushan Kawadkar

Reputation: 28513

Try this : replace $ with empty space while reading text value. Also you got two element with same id in jsfiddle. put id = "amount" for input box.

HTML :

<label>Sum:</label>
    <input type="text" id="amount" name="amount">

    <ul id="money"> 
          <li>$500</li>
          <li>$1000</li>
    </ul>

jQuery :

$( "#money li" ).click(function() {
   var text = $( this ).text().replace('$','');
   $( "#amount" ).val( text );
});

Working Demo

Upvotes: 1

Related Questions