从下拉列表中选择任何值时显示 3 个按钮 [重复]答案

【问题标题】：Show 3 buttons on selecting any value from drop down list [duplicate]从下拉列表中选择任何值时显示 3 个按钮 [重复]
【发布时间】：2020-02-17 07:39:13
【问题描述】：

我想在从下拉列表中选择任何值时显示 3 个按钮。我写了以下代码，但它不起作用。

<script type="text/javascript">
   $(function () {
        $("#myList").change(function () {
            if ($(this).val() == "") {
                $("#outer").hide();
            } else {
                $("#outer").show();
            }
        });
    });
</script>

<select id="myList">
    <option value="1">device 1</option>
    <option value="2">device 2</option>
    <option value="3">device 3</option>
</select>

<div id="outer" style="display: none">
    <div class="inner"><button type="submit" class="Btn1" 
    onClick="return false;" >button 1</button></div>
   <div class="inner"><button type="submit" class="Btn2" onClick="return 
    false;">button 2</button></div>
   <div class="inner"><button class="submit" class="Btn3" 
    onClick="return false">button 3</button></div>
</div>

但这不适用于从下拉列表中选择任何值。这里有什么问题？

【问题讨论】：

标签： javascript html css

【解决方案1】：

使用您的确切代码对我来说工作正常... 我添加了这个以查看每次您选择 <option value="">--Make a choice--</option> 您的代码都会被触发。也许您忘记将 jquery 添加到您的网站？

   $(function () {
        $("#myList").change(function () {
            if ($(this).val() == "") {
                $("#outer").hide();
            } else {
                $("#outer").show();
            }
        });
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="myList">
    <option value="">--Make a choice--</option>
    <option value="1">device 1</option>
    <option value="2">device 2</option>
    <option value="3">device 3</option>
</select>

<div id="outer" style="display: none">
    <div class="inner"><button type="submit" class="Btn1" 
    onClick="return false;" >button 1</button></div>
   <div class="inner"><button type="submit" class="Btn2" onClick="return 
    false;">button 2</button></div>
   <div class="inner"><button class="submit" class="Btn3" 
    onClick="return false">button 3</button></div>
</div>

【讨论】：