Dynamically creating input elements onclick

Question

Hey guys so I am creating input elements within a div when I click on a specific radio button with a javascript function.

It works great but when I first load the form the input elements dont appear in the div because the radio button has not been "clicked yet" although one of the radio buttons is default checked.

Basically if its checked I want them to appear, so on body load I have to call a function that checks the radio button I want default and I have to manually display the corresponding input elements that would appear if I had clicked the radio button.

This seems like a dumb work around of what I am trying to achieve, any ideas?

 <body onload="startup()">
        <input type="radio" name="type" onclick="createInput()" id="testradio" value="test">test</input>

 <div id="area">
 </div>
</body>

function startup()
{
    document.getElementById("testradio").checked = true
    createInput();
}

function createInput()
{
    var testinput = "<input name='options' value='testing' type='checkbox'>test<br>"
    document.getElementById("area").innerHTML = testinput 
}

Answer 1

You should set the default value and then call the event. (say onchange)

something like this:

document.getElementById('elID').onchange();

this will then let your event listener fire as if the value where changed in the ui not in code.

Dynamically creating input elements onclick

Question

1 answers

solution1
1 ACCPTED 2012-09-27 19:30:15

Dynamically creating input elements onclick

Question

1 answers

solution1 1 ACCPTED 2012-09-27 19:30:15

solution1
1 ACCPTED 2012-09-27 19:30:15