javascript - 使用jQuery隐藏/取消隐藏DIV

我从数据库中提取变量，值可能是Manual或Automatic。用户还可以使用下拉菜单更改值。

如果该值已经是Manual，我需要取消隐藏DIV，或者如果该值是Automatic，并且用户切换到Manual，则需要取消隐藏DIV。

我当前仅在Automatic且用户选择Manual时取消隐藏。

这是一个JSFiddle：http://jsfiddle.net/DTcHh/5031/

任何帮助，将不胜感激。

谢谢！

HTML：

<form class="form-horizontal" method="post">
<div class="form-group">
    <label class="col-md-5 control-label" for="method">Method:</label>
    <div class="col-md-6">
        <select id="method" name="method" class="form-control">
            <option value="Automatic">Automatic</option>
            <option value="Manual">Manual</option>
        </select>
    </div>
</div>
<div id="manual" class="panel panel-default" style="display:none">
    <div class="panel-heading">
        <h4 class="panel-title">
            Manual
        </h4>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="col-md-5 control-label" for="activitycomplete">Activity Complete:</label>
            <div class="col-md-6">
                <select id="activitycomplete" name="activitycomplete" class="form-control">
                    <option value="False">False</option>
                    <option value="True">True</option>
                </select>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer">
<div class="form-actions">
    <button type="submit" class="btn btn-success">Update</button>
    <button type="button" data-dismiss="modal" class="btn btn-default">Back</button>
</div>
</form>

jQuery的：

$(document).ready(function () {
    $('#method').change(function () {
        $('#manual').toggle(500);
    });
//$("#method").val('Manual');
});

最佳答案

您将要检查dropdox的值，并在页面加载时检查它是否为manual，请运行toggle函数：

$(document).ready(function () {
    $('#method').change(function () {
        $('#manual').toggle(500);
    });
    var valueOfDropDown = $('#method').val();
    if(valueOfDropDown === "Manual"){
        $('#manual').toggle(500);
    }
});