One:
I have been using
innerHTML to dynamically update my page. I have added the following function
HTML Code:
<script>
var currcount = 1;
function add_stats()
{
if(currcount>13) return false;
div = document.getElementById('inputs');
current_html = div.innerHTML;
div.innerHTML = current_html +
'<select id="stats'+ currcount +'" name="stats['+ currcount +'][option]" onChange="check_value(\''+ currcount +'\')">'
+'<option value="magicfind">Magic Find</option>'
+'<option value="pointbonus_general">Pointbonus General</option>'
+'<option value="pointbonus_char">Pointbonus Characters</option>'
+'<option value="pointbonus_thread">Pointbonus per New Thread</option>'
+'<option value="pointbonus_reply">Pointbonus per Reply</option>'
+'<option value="strength">Strength</option>'
+'<option value="dexteriety">Dexteriety</option>'
+'<option value="vitality">Vitality</option>'
+'<option value="energy">Energy</option>'
+'<option value="usertitle_color">Usertitle Color</option>'
+'<option value="usertitle_glow">Usertitle Glow</option>'
+'<option value="usertitle_style">Usertitle Style</option>'
+'<option value="ads">No Ads</option>'
+'</select>'
+'<input type="text" size="23" name="stats['+ currcount +'][value]" />'
+'<br />';
currcount++;
}
</script>
<a href="#" onClick="add_stats()">Add some more Attributes</a>
<div id="inputs">
<!-- Inputs Go Here -->
</div>
Here is the steps that i go threw and give me this problem.
1) I click on '
Add some more Attributes' three times.
the default value is '
magicfind'
2) I change the vale of the second one to '
ads'
3) I click on '
Add some more Attributes' once more
All the value of the second one has returned to '
magicfind'
So basically every time you click on '
Add some more Attributes' all the values are reset to the default value.
Two:
These two problems are related with one and other.
For some of the
option values there will be default values.
Example:
For the attribute '
ads' there will have to be a default value, so i need to disable the input beside it, and put a value in it. Here is my function so far.
HTML Code:
<script>
function check_value(id_value)
{
input_name = 'stats['+ id_value +'][value]';
document.add_attributes.input_name.disabled = true;
}
</script>
I know how
document.add_attributes.input_name.disabled should look like
document.form_name.input_name I have a feeling that the
[ and
] are messing the function up.
I do have a proper form setup.
HTML Code:
<a href="#" onClick="add_stats()">Add some more Attributes</a>
<form action="?subit=now" name="add_attributes" method="post">
<div id="inputs">
<!-- Inputs Go Here -->
</div>
<input type="submit">
</form>
Thankyou for all of your help
~Cody Woolaver