javascript如何将下拉值重置为初始值(选中该复选框)

Question

“插入模式”

我在一个"tr“中有复选框。并且在另一"tr“初始下拉控件中的另一下拉控件将在初始不可见。

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

“更新模式”checkbox.Test =dt.cloumn“状态”.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"
}

在插入模式下，复选框在更新模式下将被取消选中如果复选框处于选中状态，则下拉框的值应在更新模式下显示为“印度”如果未选中复选框，则下拉框的值应显示为默认值“-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>