I've been trying to make the newField appear again after it has been selected for a second time after being deselected. For example, a new field should appear if "Do not know/prefer not to answer" is selected and will then disappear if "Usually/always is selected". However, if "Do not know/prefer not to answer" is selected again, the new field won't appear again. Any ideas? Thanks

<script type="text/javascript">

var counter = 0;

function init() {

document.getElementById('moreFields').onclick = moreFields;


function moreFields() {


var newFields = document.getElementById('readroot');

newFields.style.display = 'block';

var newField = newFields.childNodes;

var insertHere = document.getElementById('writeroot');



//window.onload = function ()moreFields() ;




<select name="sel" id="sel" onclick="if (value == 999) moreFields(); else if(value == 2) readroot.parentNode.parentNode.removeChild(readroot.parentNode);" property="s1" >
<option value='888'>&nbsp;</option>
<option value='999'>Do not know/prefer not to answer</option>
<option value='0'>Never/rarely</option>
<option value='1'>Sometimes</option>
<option value='2'>Usually/always</option>

<div id='readroot' style="display: none" >
<label>If you do not eat meat now , how old were you when you last ate any meat?</label>
<input type='hidden' name='years' >
<select name="sel_group">
<option value="888">&nbsp;</option>
<option value="999">Do not know/prefer not to answer</option>
<option value="0">Less than 10 years old</option>
<option value="1">10 - 20 years old</option>
<option value="2">21 - 30 years old</option>
<option value="3">31 - 40 years old</option>
<option value="4">41 - 50 years old</option>
<option value="5">51 - 60 years old</option>
<option value="6">More than 60 years old</option>