Mam formularz internetowy php, gdy użytkownik wybierze przycisk opcji, chcę, aby tylko niektóre opcje były dostępne w menu rozwijanym. Na przykład, jeśli wybioręDom z mojej grupy radiowej chcę tylko, aby użytkownik zobaczyłDom1, Dom2 iDom 3 opcje w menu rozwijanym.

Czy to możliwe przy użyciu jquery? Jeśli tak, jak miałbym to zakodować?

jsFiddle tutaj: http://jsfiddle.net/justmelat/kkk7J/

html tutaj:

<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>

Z góry dziękuję.