add toggle to select: bootstrap

I am trying to add a select input field in twitter bootstrap. I intend to display different fields when each one of these options are selected. I tried it using data-toggle. But i could only succeed that with buttons and not on select field.

<div class="control-group">
                                            <label class="control-label">Payment Mode</label>
                                            <div class="controls">
                                                <select id="payment" class="input-xlarge">
                                                    <option value="" class="input-xlarge">Select your Payment mode</option>
                                                    <option value="1"> <a href="#cash">Cheque Deposit</a></option>
                                                    <option value="2">Online Transaction</option>
                                                    <option value="3">ATM Transfer</option>
                                                    <option value="4">IMPS Transfer</option>
                                                </select>
                                            </div>
                                        </div>

This code for button works fine -

<button data-toggle="collapse" href="#cash">
Submit 
</button>

Cheers in advance Shahzad