jQuery: изменение опций выпадающего списка, основанных на выборе радиокнопок
У меня есть веб-форма php, когда пользователь выбирает переключатель, я хочу, чтобы в раскрывающемся списке были доступны только определенные параметры. Так, например, если я выберужилой дом из моей группы радио, я только хочу, чтобы пользователь виделHouse1, Дом2 а такжеДом 3 варианты в раскрывающемся списке.
Возможно ли это с помощью jquery? Если так, то как бы я это закодировал?
jsFiddle здесь: http://jsfiddle.net/justmelat/kkk7J/
HTML здесь:
<form method="post">
<fieldset id="Group1" name="Group1">
<legend>Group box</legend>
<input id="Radio1" name="Radio1" type="radio" value="House" />House<br />
<input id="Radio1" name="Radio1" type="radio" value="Condo" />Condo<br />
<input id="Radio1" name="Radio1" type="radio" value="Boat" />Boat<br />
</fieldset><br/><br/>
<fieldset id="Group2" name="Group2">
<legend>Group Options</legend>
<select id="Select1" name="Select1">
<option value="HO-House 1">House 1</option>
<option value="HO-House 2">House 2</option>
<option value="HO-House 3">House 3</option>
<option value="CO-Condo 1">Condo 1</option>
<option value="CO-Condo 2">Condo 2</option>
<option value="CO-Condo 3">Condo 3</option>
<option value="BO-Boat 1">Boat 1</option>
<option value="BO-Boat 2">Boat 2</option>
<option value="BO-Boat 3">Boat 3</option>
</select></fieldset></form>
Заранее спасибо.