html - CFSelect 与超链接绑定

Question

我目前有一个绑定到 CFC 以获取数据列表的 CFSELECT 列表。

这是我的 CFSELECT

 <cfselect name="descriptionDD4" 
     id="descriptionDD4" 
     value="description" 
     bind="cfc:cfcs.menudata.getData()" 
     bindonload="true" />

这是我的 CFC

<!---First Slect Box --->
<cffunction name="getData" access="remote" returntype="query">
    <cfoutput>
    <!--- Function to get data from datasource --->
    <cfquery name="data" datasource="#datasource#">
    select description
    from service_descriptions
    order by description
    </cfquery>
    </cfoutput>

    <!--- Return results --->
    <cfreturn data>
</cffunction>

我想做的是在这个列表的顶部添加一个静态选项，它是一个超链接。但我发现，如果我使用 bind 命令，我无法在列表中添加任何选项，因为它会引发 CF 错误。

有什么办法可以保留我当前的配置，但在这个列表中添加一个超链接选项。？

Answer 1

我想出了一种使用此脚本的方法：

<!---Script to pop modal if "add New" is selected --->    
        <script>
            $(function(){
              // bind change event to select
              $('##descriptionDD3').on('change', function () {
                  var option = $( "##descriptionDD3 option:selected" ).text(); // get selected value
                    if (option == 'ADD NEW') { // require a URL
                  $('##addDescriptionsLink').trigger('click'); // redirect
                 }
                  return false;
              });
            });
        </script>

我的脚本将检查是否选择了“添加新”选项，然后它将启动我在页面上定义的链接。