Chaining queries via select options

[raymond_feliciano]

I have data coming in from a table which is used to populate a ddl which will be duplicated depeneding on how many options will be in the ddl. Here I loop thru the array and use the count to figure out how many ddl's I need.

<td>From</td>
<td id="study_select">
<select id="study_select_1" name="studies_1">
	<option value="Study 1">Study 1</option>
	<option value="Study 2">Study 2</option>
	<option value="Study 3">Study 3</option>
	<option value="Study 4">Study 4</option>
	<option value="Study 5">Study 5</option>
	<option value="Study 6">Study 6</option>
</select>

<span id="and">
	<label id="study_andlab_2" class="zero_display" for="study_select_and_2">And</label>
	<select id="study_select_and_2" class="zero_display" name="and_studies_2">
		And<option value="Study 1">Study 1</option>
		And<option value="Study 2">Study 2</option>
		And<option value="Study 3">Study 3</option>
		And<option value="Study 4">Study 4</option>
		And<option value="Study 5">Study 5</option>
		And<option value="Study 6">Study 6</option>
	</select>	
</span>

<span id="or">
	<label id="study_orlab_2" class="zero_display" for="study_select_or_2">Or</label>
	<select id="study_select_or_2" class="zero_display" name="or_studies_2">
	<option value="Study 1">Study 1</option>
	<option value="Study 2">Study 2</option>
	<option value="Study 3">Study 3</option>
	<option value="Study 4">Study 4</option>
	<option value="Study 5">Study 5</option>
	<option value="Study 6">Study 6</option>
	</select>
</span>

<span id="and">
	<label id="study_andlab_3" class="zero_display" for="study_select_and_3">And</label>
	<select id="study_select_and_3" class="zero_display" name="and_studies_3">
		And<option value="Study 1">Study 1</option>
		And<option value="Study 2">Study 2</option>
		And<option value="Study 3">Study 3</option>
		And<option value="Study 4">Study 4</option>
		And<option value="Study 5">Study 5</option>
		And<option value="Study 6">Study 6</option>
	</select>
</span>

<span id="or">
	<label id="study_orlab_3" class="zero_display" for="study_select_or_3">Or</label>
		<select id="study_select_or_3" class="zero_display" name="or_studies_3">
		<option value="Study 1">Study 1</option>
		<option value="Study 2">Study 2</option>
		<option value="Study 3">Study 3</option>
		<option value="Study 4">Study 4</option>
		<option value="Study 5">Study 5</option>
		<option value="Study 6">Study 6</option>
	</select>
</span>

<span id="and">
	<label id="study_andlab_4" class="zero_display" for="study_select_and_4">And</label>
	<select id="study_select_and_4" class="zero_display" name="and_studies_4">
		And<option value="Study 1">Study 1</option>
		And<option value="Study 2">Study 2</option>
		And<option value="Study 3">Study 3</option>
		And<option value="Study 4">Study 4</option>
		And<option value="Study 5">Study 5</option>
		And<option value="Study 6">Study 6</option>
	</select>
</span>

<span id="or">
	<label id="study_orlab_4" class="zero_display" for="study_select_or_4">Or</label>
		<select id="study_select_or_4" class="zero_display" name="or_studies_4">
		<option value="Study 1">Study 1</option>
		<option value="Study 2">Study 2</option>
		<option value="Study 3">Study 3</option>
		<option value="Study 4">Study 4</option>
		<option value="Study 5">Study 5</option>
		<option value="Study 6">Study 6</option>
	</select>
</span>

<span id="and">
	<label id="study_andlab_5" class="zero_display" for="study_select_and_5">And</label>
	<select id="study_select_and_5" class="zero_display" name="and_studies_5">
		And<option value="Study 1">Study 1</option>
		And<option value="Study 2">Study 2</option>
		And<option value="Study 3">Study 3</option>
		And<option value="Study 4">Study 4</option>
		And<option value="Study 5">Study 5</option>
		And<option value="Study 6">Study 6</option>
	</select>
</span>

<span id="or">
	<label id="study_orlab_5" class="zero_display" for="study_select_or_5">Or</label>
	<select id="study_select_or_5" class="zero_display" name="or_studies_5">
		<option value="Study 1">Study 1</option>
		<option value="Study 2">Study 2</option>
		<option value="Study 3">Study 3</option>
		<option value="Study 4">Study 4</option>
		<option value="Study 5">Study 5</option>
		<option value="Study 6">Study 6</option>
	</select>
</span>

<span id="and">
	<label id="study_andlab_6" class="zero_display" for="study_select_and_6">And</label>
	<select id="study_select_and_6" class="zero_display" name="and_studies_6">
		And<option value="Study 1">Study 1</option>
		And<option value="Study 2">Study 2</option>
		And<option value="Study 3">Study 3</option>
		And<option value="Study 4">Study 4</option>
		And<option value="Study 5">Study 5</option>
		And<option value="Study 6">Study 6</option>
	</select>
</span>

<span id="or">
	<label id="study_orlab_6" class="zero_display" for="study_select_or_6">Or</label>
	<select id="study_select_or_6" class="zero_display" name="or_studies_6">
		<option value="Study 1">Study 1</option>
		<option value="Study 2">Study 2</option>
		<option value="Study 3">Study 3</option>
		<option value="Study 4">Study 4</option>
		<option value="Study 5">Study 5</option>
		<option value="Study 6">Study 6</option>
	</select>
</span>

<a id="chain_study_and">And</a> | <a id="chain_study_or">Or</a>  
</td>

I am using jquery to remove the zero_display class from the first ddl and click functions to check which chain link was clicked so I can remove the class from the next ddl. For example if the user clicks the And link a ddl will appear with the appropriate label next to it. Once the user chains their query and clicks the submit button all the values of all the select options get sent over when I only need the options the user choose. What is the best way to isolate the choosen options. Should I stay with the select options or should I use checkboxes. I tried check boxes but it would be to much to display.