Javascript 性别： 生日： $（文档）.ready（函数（）{ $（“.corporate”）.hide（）； $（“.individual”）.hide（）； $（“#accounttype”）.change（函数（）{ if（$（this）.val（）==1）{ $（“.corporate”）.show（）； $（“.individual”）.hide（）； }else if（$（this）.val（）==0）{ $（“.individual”）.show（）； $（“.corporate”）.hide（）； }否则{ $（“.corporate”）.hide（）； $（“.individual”）.hide（）； } }); });

请尝试上面的代码，希望对您有所帮助， 注意：-每个html元素必须有一个唯一的id，对于多个元素，您可以使用clsss

---

请不要忘记在js代码上方添加jquery库

，那么问题出在哪里？问题陈述总是有帮助的，而不是我们必须对代码进行台架测试。从下拉列表中选择值时会发生什么？代码有很多问题。类似的ID，

this

而不是

$（this）

不必要的分号等。使用浏览器控制台调试这些错误。首先，if语句中存在语法错误。（在

后面加分号）

）<代码>（this.value=='1'）@AlokPatel，在

$（this）.val（）上使用
this.value
有什么问题？您并不总是需要jQuery，那么问题是什么呢？问题陈述总是有帮助的，而不是我们必须对代码进行台架测试。从下拉列表中选择值时会发生什么？代码有很多问题。类似的ID，
this
而不是
$（this）
不必要的分号等。使用浏览器控制台调试这些错误。首先，if

语句中存在语法错误。（在

后面加分号）

）<代码>（this.value=='1'）@AlokPatel，在

$（this）.val（）上使用
this.value
有什么问题？您并不总是需要jQuery。
<div class="panel-body">
<form role="form">
    <div class="form-group row">
        <label class="col-md-5 control-label">Customer Account ID:</label>
        <div class="col-md-7">
            <input class="form-control" type="text" placeholder="ACT-2015-000011" disabled>
        </div>
    </div>
    <div class="form-group row">
        <label class="col-md-5 control-label">Customer Account Type:</label>
        <div class="col-md-7">
            <select id='accounttype' class="form-control">
                <option value="0">Individual</option>
                <option value="1">Corporate</option>
            </select>
        </div>
    </div>                        
    <div class="form-group row corporate">
        <label class="col-md-5 control-label">Customer Account Name:</label>
        <div class="col-md-7">
            <input class="form-control" type="text" placeholder="5SOS">
        </div>
    </div>
    <div class="form-group row individual">
        <label class="col-md-5 control-label">Customer ID:</label>
        <div class="col-md-7">
            <input class="form-control" type="text" placeholder="CST-2015-000011">
        </div>
    </div>
    <div class="form-group row individual">
        <label class="col-md-5 control-label">Customer First Name:</label>
        <div class="col-md-7">
            <input class="form-control" type="text" placeholder="Luke">
        </div>
    </div>
    <div class="form-group row individual">
        <label class="col-md-5 control-label">Customer Middle Name:</label>
        <div class="col-md-7">
            <input class="form-control" type="text" placeholder="Robert">

        </div>
    </div>
    <div class="form-group row individual">
        <label class="col-md-5 control-label">Customer Last Name:</label>
        <div class="col-md-7">
            <input class="form-control" type="text" placeholder="Hemmings">
        </div>
    </div>
    <div class="form-group row individual">
        <label class="col-md-5 control-label">Gender:</label>
        <div class="col-md-7">
            <input class="form-control" type="text" placeholder="Male">
        </div>
    </div>
    <div class="form-group row individual">
        <label class="col-md-5 control-label">Birthday:</label>
        <div class="col-md-7">
            <input class="form-control" type="text" placeholder="01/01/01">
        </div>
    </div>
    <div class="col-md-offset-9">
        <a href="cis.html" type="button" class="btn btn-primary">Create/Enroll</a>
    </div>
</form>
<script src="../resources/scripts/jquery2.2.0.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".corporate").hide();
        $(".individual").hide();
        $("#accounttype").change(function () {
            if ($(this).val() == 1) {
                $(".corporate").show();
                $(".individual").hide();
            } else if ($(this).val() == 0) {
                $(".individual").show();
                $(".corporate").hide();
            } else {
                $(".corporate").hide();
                $(".individual").hide();
            }
        });
    });
</script>