Twitter bootstrap 添加切换以选择：引导

我试图在twitter引导中添加一个选择输入字段。我打算在选择这些选项时显示不同的字段。我试着用数据切换。但我只能通过按钮而不是选择字段来实现这一点

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

支付方式
选择您的付款方式
网上交易
提款机转账
IMPS转移

此按钮代码工作正常-

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

提交

提前欢呼 沙赫扎德终于得到了答案！：） 仅仅是一个剧本就成功了。 我是这样做的：

<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="cash">Cash Deposit</option>
        <option value="cheque">Cheque Deposit</option>
        <option value="online">Online Transaction</option>
        <option value="transfer">ATM Transfer</option>
    </select>
</div>

支付方式
选择您的付款方式
现金存款
支票汇款
网上交易
提款机转账

$（'[class^=is]'）。隐藏（）；
$（“#付款”）。更改（功能（）{
var值=$（“#支付选项：选中”）.val（）；
var theDiv=$（“.is”+值）；
theDiv.slideDown（）；
theDiv.兄弟姐妹（'[class^=is]'）。slideUp（）；
});

<div class="iscash" >
<div class="control-group">

        <input class="input-xlarge focused" id="focusedInput" type="text">

</div>
<div class="control-group">

        <input class="input-xlarge focused" id="focusedInput" type="text">

</div>

<script>
    $('[class^=is]').hide();

    $("#payment").change(function() {
        var value = $("#payment option:selected").val();
        var theDiv = $(".is" + value);

        theDiv.slideDown();
        theDiv.siblings('[class^=is]').slideUp();
    });
</script>