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

Posted 2023-03-11

【中文标题】从下拉列表中选择任何值时显示 3 个按钮 [重复]

【英文标题】：Show 3 buttons on selecting any value from drop down list [duplicate]

【发布时间】：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>

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

【参考方案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>