在更改时删除css类，而不考虑使用javascript选择字段中的值

在下面的列表中，从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>

您应该编写以下代码：

<script type="text/javascript">
$(function(){
    $("#name").change(function () {
      $("#hide").removeClass('hide');
    });
});
</script>

您应该编写以下代码：

<script type="text/javascript">
$(function(){
    $("#name").change(function () {
      $("#hide").removeClass('hide');
    });
});
</script>

请试试这个

或

)

请试试这个

或

)

您可以使用$.hide.show；而不是$hide.removeClass'hide'

您可以使用$.hide.show；而不是$hide.removeClass'hide'

.show and.hide方法根据元素名称隐藏和显示特定元素

您可以使用on事件，这样即使您使用jquery或javascript将选项动态添加到select标记，它也可以工作

//或者希望通过添加和删除类来使用，以便可以按如下方式使用。 $document.readyfunction{ $name.on'change'，函数{ $hide.removeClass'hide'； }; }; .show和.hide方法根据元素名称隐藏和显示特定元素

您可以使用on事件，这样即使您使用jquery或javascript将选项动态添加到select标记，它也可以工作

//或者希望通过添加和删除类来使用，以便可以按如下方式使用。 $document.readyfunction{ $name.on'change'，函数{ $hide.removeClass'hide'； };

---

};对不起，它坏了。我已经应用了上面提供的脚本，仍然在更改“选择”字段中的值，接下来的两个字段不会显示。感谢所有人的帮助。抱歉，它不起作用。我已经应用了上面提供的脚本，仍然在更改选择字段中的值，接下来的两个字段不会显示。感谢所有人的帮助。

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

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