Home/ Questions/Q 214481
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T18:22:43+00:00

Ok here goes: I have a SELECT drop down option with US state names

  • 0

Ok here goes:

I have a SELECT drop down option with US state names

<select>
  <option value="ca">california</option>
  <option value="ut">utah</option>
  <option value="mi">michigan</option>
</select>

but I also need to associate another value with this that’s hidden to the page view. I can not use class, name or id to populate the second value as they are used already. and can only have one value in the value attribute cause this is being added to a database. Is there another attribute I could pass the second value in as a place holder or something? the true, false and undecided values are associated with the states in a database and need to be associated together. I guess I could also do a hidden SELECT element but then the question is how to I relate the hidden SELECT to the other two SELECTS?

<select>
  <option value="ca">california</option> <!-- true-->
  <option value="ut">utah</option>       <!-- undecided-->
  <option value="mi">michigan</option>   <!-- false-->
  <option value="oh">ohio</option>       <!-- false-->
  <option value="az">arizona</option>    <!-- undecided-->
  <option value="dc">wash dc</option>    <!-- false-->
</select>

Now with the second value added (somehow) to the first SELECT drop down I need a way to select a second SELECT drop down based on the first SELECT drop down option selected.

<select>
  <option value="t">true</option>
  <option value="f">false</option>
  <option value="u">undecided</option>
</select>

so if the user selects “wash dc” the second SELECT drop down should be defaulted to false.

I’m using jQuery for JavaScript if this helps and I think I could do the second part of this problem but how do I do the first part?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could use the class attribute as follows:

    <select>
  <option class="someclass true" value="ca">california</option> <!-- true-->
  <option class="someclass undecided" value="ut">utah</option>  <!-- undecided-->
  <option class="someclass false" value="mi">michigan</option>  <!-- false-->
</select>

    The class attribute can contain more than one classes separated by spaces.

    You could also create a custom attribute. This would break HTML(XHTML) validation of your page though.

    • 0