css - 如何在 Coldbox 中使用 html.select 为 "blank"值设置 selectedValue？

Question

搜索了几个小时后...我从这个问题中找到了问题的答案:How to populate a select list using a structure inside select HTML helper in ColdBox?

这个例子很完美，因为我在 ColdBox Doc 上找不到任何东西。我为我的选项使用了“简单形式”……结果显示是正确的。但是，当值为“”时，selectedValue 似乎不起作用。我还尝试从数组中填充选项。当设置 selectedValue is 时，我对这两种方法都遇到了同样的问题。

当值为“”时，选项中的第一个值总是被选中。如何解决此问题或如何更改选项以在 selectedValue 为时显示“选择...”？

    #html.select(
                name="Approved",                    
                options="Yes,No,Pending",
                column="value",
                selectedValue="", 
                label="",
                required="required",
                title="Approved"
            )#

Answer 1

您需要创建一个对象数组，其中包含空白选项的名称和值对，以及其余选项:

<cfset foo = [
                {"name"= "Select", "value"= ""}
              , {"name"= "Yes", "value"= "Yes"}
              , {"name"= "No", "value"= "No"}
              , {"name"= "Pending", "value"= "Pending"}
             ] />

然后使用 html.options() 将数组传递给 select 辅助函数 方法。

#html.select(
            name="Approved",                    
            options=html.options(foo),
            selectedValue="",
            label="",
            required="required",
            title="Approved"
        )#

注意:在这种情况下，您不需要提供 column 属性。 这可能会解决您的问题。