I have the following input:
<input id="fieldName" name="fieldName" type="text" class="text_box" value="Firstname"/>
How can I use jQuery to make this element a read-only input without changing the element or its value?
views:
411answers:
3
+6
A:
simply add the following attribute
// for disabled i.e. cannot highlight value or change
disabled="disabled"
// for readonly i.e. can highlight value but not change
readonly="readonly"
jQuery to make the change to the element (substitute disabled for readonly in the following for setting readonly attribute).
$('#fieldName').attr("disabled","disabled")
or
$('#fieldName').attr("disabled", true)
Russ Cam
2009-09-01 12:19:15
A:
Maybe use atribute disabled:
<input disabled="disabled" id="fieldName" name="fieldName" type="text" class="text_box" />
Or just use label tag: ;)
<label>
Rin
2009-09-01 12:23:28
`display: none;`?
Kobi
2009-09-01 13:06:24
thx for notice I copied it from question source ... ;)
Rin
2009-09-01 13:29:23
The question said "With jQuery" (which implies it should be done dynamically) and "read-only" (which is different to disabled).
David Dorward
2009-09-01 13:31:23
A:
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<div>
<input id="fieldName" name="fieldName" type="text" class="text_box" value="Firstname" />
</div>
</body>
<script type="text/javascript">
$(function()
{
$('#fieldName').attr('disabled', 'disabled');
});
</script>
</html>
Raghav Khunger
2009-09-01 13:36:59