Javascript 如何使用当前代码验证滚动列表？

因此，我试图创建一个函数来验证是否在滚动列表中选择了一个选项。如果未选择任何内容，警报将关闭，如果选择了一个，则通过验证。这是我正在使用的代码：

<select id="topList" name="toppings" size="8" multiple>
                               <option value="opCream">Whipped Cream</option>
                               <option value="opFudge">Hot Fudge</option>
                               <option value="opMarsh">Marshmallow</option>
                               <option value="opCherry">Cherries</option>
                               <option value="opChocSprinkles">Chocolate Sprinkles</option>
                               <option value="opRainSprinkles">Rainbow Sprinkles</option>
                               <option value="opCheese">Cheesecake</option>
                               <option value="opOreo">Oreo Crumbles</option>
                           </select>

function checkScrollList() {
                    var ddl = document.getElementById("topList");
                    var selectedValue = ddl.options[ddl.selectedIndex].value;
                    if (selectedValue == false)
                    {
                        alert("Please select a sundae topping.");
                    }
                }

生奶油
热软糖
棉花糖
樱桃
巧克力粉
彩虹洒
芝士蛋糕
奥利奥面包屑
函数checkScrollList（）{
var ddl=document.getElementById（“topList”）；
var selectedValue=ddl.options[ddl.selectedIndex].value；
如果（selectedValue==false）
{
提醒（“请选择圣代配料”）；
}
}

谢谢你的建议

您可以使用

select

对象的

function checkScrollList() {
    var ddl = document.getElementById("topList");
    if (ddl.selectedIndex === -1) {
         alert("Please select a sundae topping.");
    }
}

selectedIndex

属性将给出第一个选定选项的从零开始的索引，因此它对于实际检索所有选定选项没有用处。但在未选择任何选项时，它保证为

-1

。

您可以使用

选择对象的，如下所示：

function checkScrollList() {
    var ddl = document.getElementById("topList");
    if (ddl.selectedIndex === -1) {
         alert("Please select a sundae topping.");
    }
}

selectedIndex
属性将给出第一个选定选项的从零开始的索引，因此它对于实际检索所有选定选项没有用处。但是当没有选择任何选项时，它保证是
-1
。
工作起来很有魅力。我们必须注意这一点。谢谢你的帮助！工作得很有魅力。我们必须注意这一点。谢谢你的帮助！