Javascript 默认情况下隐藏输入字段，并在从“选择字段”中选择值时显示

在我的代码中，我有一个select字段和两个只读字段。我需要在默认情况下隐藏只读字段（加载页面时），如果从选择字段中选择了任何值，则需要显示这些字段。要选择的值字段是使用php从mysql数据库获取的

<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>';

    ?>

</select>

<input id ="od" value="<?php echo $od ?>" class="form-control" readonly/>
<input id="bal" value="<?php echo $bal ?>" class="form-control" readonly/>

选择钱包
试一试


函数onNameChange（）{
var name=document.getElementById（'name'）；
document.getElementById（'od'）。style.display=name.value？'inline block'：'none'
document.getElementById（'bal'）。style.display=name.value？'inline block'：'none'
}

选择钱包
1.
2.
3.
你的尝试在哪里？你忘了js代码了吗？我不太确定当选择这个选项时你想显示什么。您希望如何选择要显示/隐藏的元素？