ansaurus

Question

Change value of display:none input?

Answer 1

+3 A:

Changing a field's value should work as expected, regardless of any CSS styling. The issue is likely elsewhere.

Matchu 2010-08-19 23:31:10

agreed. JavaScript has full control to set the value at any time.

scunliffe 2010-08-19 23:32:43

@scunliffe: That's not entirely true. I know for sure that you can't change the value of `file` inputs.

Mark 2010-08-20 03:18:10

@Mark — I think @scunliffe was talking in the context of fields that Javascript can change at all.

Matchu 2010-08-20 04:44:53

@Matchu: Well that's exactly what this question is about... whether or not it can be changed at all ;) Anyway, I think firebug was deceiving me. Thanks for the answer.

Mark 2010-08-20 05:11:30

@Matchu - agreed the file input type is special and can not be tinkered with for security reasons... but all other input's *should* have no issue. I say *should* as there are ways of shooting yourself in the foot in IE ;-)

scunliffe 2010-08-20 17:18:12

Answer 2

+2 A:

You can change it as usual:

document.getElementById( 'myinput' ).value = 'Hello';

dionyziz 2010-08-19 23:32:13

Answer 3

A:

One option you have is putting the input box inside a div and then using javascript to change the contents of the div. For example:

<html>
<head>
<title>Input Text To Dropdown Box</title>
<script type="text/javascript">
function swap() {
document.getElementById("contentswap").innerHTML = "<select><option value='cats'>Cats</option><option value='dogs'>Dogs</option></select>";
}
</script>
<style>
#contentswap {
display:inline;
}
</style>
</head>
<body
<div id="contentswap">
<input type="text" name="original">
</div>
<br />
<input type="button" value="Input To Select" onClick="swap()">
</body>
</html>

Building429 2010-08-20 01:53:27

ansaurus

tags:

views:

answers:

Change value of display:none input?

related questions