javascript如何使下拉值重置为初始值（选中复选框）

Question

“插入模式”

我在一个“tr”中有复选框。和另一个“tr”中的另一个下拉控件 最初下拉控件将​​是不可见的。

但一旦用户选中复选框。下拉控件应该是可见的，他可以选择值。但用户再次取消选中复选框，下拉菜单应设置为默认值“--select--”

“更新模式” checkbox.Test = dt.cloumn["state"].tostring();

if(checkbox.Test!= "")
{
checkbox.checked=true;
//then  value  dropdown  value  should  be  shown like"india"
}
else
{
checkbox.checked="false"
//then  value  dropdown  value  should   be  default "--select"
}

在插入模式复选框将被取消选中 在更新模式下，如果选中复选框，则下拉列表的值应显示为“india” 在更新模式下，如果未选中复选框，则下拉菜单的值应显示为默认值“-select-”

Answer 1

应该这样做：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $("#theSelect").toggle(0);
        $("#activate").click(activate)
    })

    function activate(e) {
        $("#theSelect").toggle((e.target.checked));

        if (!e.target.checked) {  // reset selection
            $("#theSelect option[value='--Select--']").attr('selected', 'selected');
        }
    }
</script>
<table>
    <tr>
        <td>
            <select id="theSelect">
                <option value="--Select--">--Select--</option>
                <option value="foo">foo</option>
                <option value="bar">bar</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" id="activate" /> Activate
        </td>
    </tr>
</table>