change attr of text into "readonly false" inside of the javascript code

Question

I have here a html code inside the javascript one and it will append that on my modal, my question is how can I set to readonly=false property in order textbox to be enabled. I'm trying jquery but it's not working. The group of textboxes must be enabled when calling the class.

<script>
  var html;
 for ( x=0 ; x < 5 ; x++)
  {
    html +=' <input type="text" class="changeintofalse" readonly/>';
  }

  $('#details_info').html(html);
  $('#itemsModal').modal('show');
</script>

Note that you have some syntax errors. The parentheses go around the variable declarations in the for: for (var x = 0; x < 5; x++) {. Also in your HTML string >\'; needs to be />'; — Rory McCrossan
– Rory McCrossan, Commented Mar 4, 2020 at 9:03

Rory McCrossan · Accepted Answer · 2020-03-04 08:58:13Z

3

How can I set to readonly=false property in order textbox to be enabled

There is no readonly="false" setting. If the readonly attribute exists on the element, with any value, then the field will be readonly.

If you want to make the element editable again you need to remove that attribute. Using jQuery the best practice would be to use prop():

$('#foo').prop('readonly', false);

However using removeAttr() will work too:

$('#foo').removeAttr('readonly');

answered Mar 4, 2020 at 8:58

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

3 Comments

codeSeven Over a year ago

i already tried, but i think jquery is not working, when my html code is inside of javascript. but thanks for the help.

Rory McCrossan Over a year ago

For this to work you need to either place the HTML you generated in to a jQuery object, or append it to the DOM first and then perform this action. Either way, it works.

Rory McCrossan Over a year ago

No problem, glad to help

Collectives™ on Stack Overflow

change attr of text into "readonly false" inside of the javascript code

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related