JavaScript, как сделать раскрывающееся значение, чтобы сбросить до общего значения (флажок)

Question

"РЕЖИМ ВСТАВКИ"

У меня есть флажок в одном "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"
}

в режиме вставки флажок будет снят в режиме обновления, если установлен флажок, то значение выпадающего меню должно отображаться как «Индия» в режиме обновления, если флажок снят, то значение раскрывающегося списка должно быть показано по умолчанию "-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>