javascript - 在更改时删除 css 类，无论使用 javascript 的选择字段中的值如何

Question

在下面的选择字段中，从 mysqlDB 填充值。默认情况下，我隐藏了接下来的两个只读字段。当选择字段中的值发生变化时(无论值如何)，我需要显示隐藏的 2 个字段。我不熟悉 java 脚本，我试过一个脚本，但它不起作用。请多多支持。

<select id ="name" name="name" class="form-control" required>
    <option value="" disabled selected>Choose Wallet</option>

    <?php
    //my query       
    echo '<option value="' . $row['group'] . '">' . $row['group'] . '</option>';//qry output to the select field

    ?>

</select>
<div  id ="hide" class="form-group hide">
    <div class="col-md-3 col-xs-12">
        <input id ="od" value="<?php echo $od ?>" class="form-control" readonly/>
        <input id="bal" value="<?php echo $bal ?>" class="form-control" readonly/>
    </div>
</div>
<script type="text/javascript">
$("#name").change(function () {
$("#hide").removeClass('hide');
});
</script>

Answer 1

请试试这个

<select id ="name" name="name" class="form-control" required onChange="showTextBox()">

并添加这个函数

function showTextBox(){
    $("#hide").removeClass('hide');
}

或

$(document).ready(function(){
    $("#name").change(function () {
        $("#hide").removeClass('hide');
    });
})

;