Question

我正在使用一个很好的脚本，让我可以从'colors'-dropdown中选择。当我选择第一个选项时，我在其中放置了另一个“数字”下拉列表。但现在问题是：当我在这个'数字'中选择一些内容时，所有选项都会消失。我希望它留下并给出自己的超链接。我的代码：

SELECT nl.Lockindate, 
   SUM(CASE WHEN CAST(RIGHT(FirstLockActivity,8) AS time(1)) <= '17:00' THEN 1 ELSE 0 END) AS before5,
   SUM(CASE WHEN CAST(RIGHT(FirstLockActivity,8) AS time(1)) > '17:00' THEN 1 ELSE 0 END) AS after5
FROM netlock nl WITH(NOLOCK)
JOIN rate rs WITH(NOLOCK)
ON nl.id=rs.id
WHERE nl.lockindate BETWEEN '2016-08-01' AND '2016-08-31'
GROUP BY nk.lockindate

Answer 1

当$("select").change(function(){更改为select时，您将触发此<select id="colorSelect"> <option>Choose Color</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select> $("#colorSelect").change(function(){事件。进行以下更改：

select

这种方式只会在颜色select更改而不是数字select时触发...

如果你用数字if触发它，else { $(".box").hide(); }语句的这一部分将被执行：

 $(document).ready(function(){
 $("#colorSelect").change(function(){
    $(this).find("option:selected").each(function(){
        if($(this).attr("value")=="red"){
            $(".box").not(".red").hide();
            $(".red").show();
        }
        else if($(this).attr("value")=="green"){
            $(".box").not(".green").hide();
            $(".green").show();
        }
        else if($(this).attr("value")=="blue"){
            $(".box").not(".blue").hide();
            $(".blue").show();
        }
        else{
            $(".box").hide();
        }
    });
}).change();
});

将隐藏所有框。

工作示例：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Select Box</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"> </script>
</head>
<body>
<div>
    <select id="colorSelect">
        <option>Choose Color</option>
        <option value="red">Red</option>
        <option value="green">Green</option>
        <option value="blue">Blue</option>
    </select>
</div>
<div class="red box" style="margin-top:10px;"><select>
        <option>Choose number</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select></div>
<div class="green box">You have selected <strong>green option</strong> so i am here</div>
<div class="blue box">You have selected <strong>blue option</strong> so i am here</div>
</body>
</html>

(get-aduser -filter *).count

jquery显示下拉列表中的下拉列表

1 个答案: