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

时间:2009-10-30 06:08:13

标签: asp.net javascript jquery

“插入模式”

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

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

“更新模式” 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 - ”

1 个答案:

答案 0 :(得分: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>