The parser for Chained Selects

  • Toyota
    • Car
      • Avalon
      • Camry
      • Celica
      • Corolla
    • SUVs/Van
      • 4Runner
      • Highlander,,1
      • Land Cruiser
      • Sienna
    • Trucks
      • Tacoma
      • Tundra
  • Honda,,1
    • Car
      • Accord
      • Civic
      • S2000
    • SUVs/Van,,1
      • CR-V
      • Pilot,,1
      • Odyssey
  • Chrysler
    • Car
      • PT Cruiser
      • Sebring
    • SUVs/Van
      • Town & Country
      • Voyager
-->

List Group Name:

How to use the parser

# open this parser.html in a text editor

# locate the list content between the following two lines:
<!-- replace the following list content with your list content -->
...
<!-- cut here -->

# edit the list content to reflect the structure of your lists, in which:
  - each <li> tag should be closed with the </li> tag
  - each <li> element will be mapped to an option in your select lists
  - if a <li> element has nested UL/LI list, the nested list will be mapped to a sub-list in your select lists

  - each <li> element should follow the format of
    <li>text,value,flag-of-default-selected</li>

  - the separator (,) used in the format above is defined in the parser.js and can be changed

  - according to the following formats, a <li> element will be converted to an option in your select lists:

<li>text</li><option value="text">text</option>
<li>text,[space],</li><option value="">text</option>
<li>text,value</li><option value="value">text</option>
<li>text,value,1</li><option value="value" selected>text</option>
<li>text,,1</li><option value="text" selected>text</option>
<li>text,[space],1</li><option value="" selected>text</option>
# once you have the UL/LI layout representing the structure of your lists - open the parser.html in a browser - fill in the name of the list group and click the [ Parse ] button - then save the output as the list group content - or you can click the [ Show ] button to preview the lists