How to set contents of a BootStrap Input Group using jQuery?

Question

Below is an example of Bootstrap Code to create a input-group. How can I use jQuery to set the contents of the input-group using the id?

<div class = "container">
<div class = "input-group-addon">Your name</span>
<input type="text" class="form-control" id="inputField" placeholder="Full Name">
</div><br>

Also, is there a way I can make the input-group not editable. I want to use it to display read-only text.

$("inputField").???? <-- What goes here??

Thanks!!

bormat · Accepted Answer · 2016-08-28 17:51:14Z

1

$("#inputField").attr('readonly',true).val('myValue')

if you have access to the html put directly readonly="readonly" as attribute of input. you can put value directly in HTML with the value attribute. ps: dont forget the "#"

answered Aug 28, 2016 at 17:51

bormat

1,37913 silver badges16 bronze badges

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

Comments

Rudi · Accepted Answer · 2016-08-28 17:51:19Z

1

$('#inputField').val('the value');

answered Aug 28, 2016 at 17:51

Rudi

2,9851 gold badge14 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to set contents of a BootStrap Input Group using jQuery?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related