How to make a text input field "readonly" using javascript / html?

Question

I want to customize my Jira and need to set a text input field to readonly in javascript / html. I got the following code already, which sets a default value into my customfield "summary":

   window.ATL_JQ_PAGE_PROPS =  $.extend(window.ATL_JQ_PAGE_PROPS, {

          triggerFunction: function(showCollectorDialog) {
            $('#feedback-button').on( 'click', function(e) {
                e.preventDefault();
                showCollectorDialog();
            });
        },

        fieldValues: {
            summary : 'Solution'
                }

          });

</script>

Next step would be to also set the "summary" to readonly, so users can't modify my predefined title anymore. I already tried "document.getElementById("summary").setAttribute("readonly", true);" and similar stuff but it didn't work out. Mayb I did something wrong since I'm not a programmer and someone has an advice?

Thanks in advance

Does this answer your question? What is the correct readonly attribute syntax for input text elements? — goto
– goto, Commented Apr 17, 2020 at 10:59
Thanks for fast reply, but I already tried some of these versions and it didn't work out. Maybe I put it in the wrong place and the code itself works. Can you tell me where I have to put some of these <input type="text" value="myvalue" class="class anotherclass" readonly="readonly" > ? — Schmiddi
– Schmiddi, Commented Apr 17, 2020 at 11:07
If you have access to the HTML code then edit your answer and show what you've attempted and didn't work - I'll be able to help you better. — goto
– goto, Commented Apr 17, 2020 at 11:34
I basically used the above quote <input .....> and copied it into my script before the </script> tag. I have no idea where to put this. The code I posted initially is all I got till now. What do you mean with access HTML? Should I make a new block under </script> and put it in there? But then it won't relate to the stuff in <script> </script> block or am I wrong? — Schmiddi
– Schmiddi, Commented Apr 17, 2020 at 12:35
No, that code wouldn't go between your <script></script> tag - JavaScript code goes between those tag, <input ... /> code between your <body></body> tag. — goto
– goto, Commented Apr 17, 2020 at 12:38

arslan · Accepted Answer · 2020-04-17 12:29:51Z

0

  <input type="text"  value="static value" readonly>

you can do this with read only property it prevent the all type of changing

answered Apr 17, 2020 at 12:29

arslan

1,14212 silver badges20 bronze badges

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

4 Comments

Schmiddi Over a year ago

Thanks for your reply, it turned out I need to use Javascript in my code to get that readonly feature since I can't edit HTML there as I expected. So I'm at the very beginning again.

arslan Over a year ago

@Schmiddi then you should try this one; document.getElementById("myText").readOnly = true;

Schmiddi Over a year ago

Sorry for my late answer, but this doesn't work either. Dunno why or what I'll be missing but seems like I cannot access this field. Question is, why I can set a default value in there.

arslan Over a year ago

for default value just pass variable to value like value={data.value}

Collectives™ on Stack Overflow

How to make a text input field "readonly" using javascript / html?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related