Two Javascript Problems

[pyro.699]

One:

I have been using innerHTML to dynamically update my page. I have added the following function

<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.

<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.

<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