I have a drop down box in a table and when the user adds a new row i want to make this row read only and make the new row editable. i have this working fine usin readonly but this is not working for the html-select field i have.
I have tried making this select box disabled instead of read only but then my data is not saved in the submit of the form. I am also unable to call a fucntion to enable this in the submit of the form as this is in a tile and would break my other tiles on the page. Is there anyway to stop a user from changing the selected value in the box without disabling it?
1) Remove all but the selected option from the select element. That way, they cannot change it and it will still be submitted. Kind of a weird interaction though.
or, less weird:
2) Replace the select box with a plain text display of the selected value and a hidden input that reflects and submits the selected value.