Hyphens are perfectly valid in IDs:
HTML 4 spec section 6.2 says, "ID and NAME tokens must begin with a
letter ([A-Za-z]) and may be followed by any number of letters,
digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and
periods
(".")."
XHTML spec section C.8 says, "Note that the collection of legal
values in XML 1.0 Section 2.3, production 5 is much larger than that
permitted to be used in the ID and NAME types defined in HTML 4. When
defining fragment identifiers to be backward-compatible, only strings
matching the pattern [A-Za-z][A-Za-z0-9:_.-]* should be used. See
Section 6.2 of [HTML4] for more information."
On Mar 10, 7:37 am, OtakuD <ota...@gmail.com> wrote:
> Ok I get that, its an option I can try. What Id like to know though is
> why the select elements in the currently selected tab arent being
> populated if the previously selected tab had an element of the same
> name eg:
>
> first tab:
>
> <select id="new_category" name="new_category">
> <option value="">Select Category</option>
> </select>
>
> Second Tab:
>
> <select id="product" name="product">
> <option value="">Select Product</option>
> </select>
> <select id="new_category" name="new_category">
> <option value="">Select Category</option>
> </select>
>
> Thrid Tab:
>
> <select id="product" name="product">
> <option value="">Select Product</option>
> </select>
>
> Going from Tab 1 to Tab 2 - product will be populated but not
> new_category
> and going from Tab 2 to Tab 3 - product will not be populated...
>
> ie if an element with an id equivalent to a previous tab exists in the
> current tab, it will not be populated and (possibly?) the previous tab
> element will be although I cant see this since its not loaded. Ive
> tried fiddling with cache but it doesnt help, specifying the form id
> as its parent should fix this as you said but why is it necessary,
> should the tabs be independent?
>
> Thanks for any info on this!
