Question

美好的一天，

我正在使用插件selectize作为我的项目选择元素，它看起来很简单但我只是想问如何让选项列表成为其他页面的链接？

继承我简单的HTML代码

<div class="control-group">
                <label for="sreport-select">Search:</label>
                <select id="report-select" class="demo-default" placeholder="Select Report">
                    <option value="">Select Report</option>
                    <option value="4"><a href="home">Profit and Loss</a></option>
                    <option value="1"><a href="link">Balance Sheet</a></option>
                    <option value="2"><a href="test">Expenses</a></option>
                </select>
            </div>

和我的js

<script>
  $('#report-select').selectize({
  create: false,
  sortField: {
  field: 'text',
  direction: 'asc'
 }
</script>

我确实尝试在选项列表中添加一些但没有发生任何事情。任何信息或建议真的很感激！谢谢，祝你有个美好的一天！

Answer 1

您可以尝试这样的事情：

<div class="control-group">
<label for="sreport-select">Search:</label>
<select id="report-select" class="demo-default" placeholder="Select Report">
    <option value="">Select Report</option>
    <option value="home">Profit and Loss</option>
    <option value="link">Balance Sheet</option>
    <option value="test">Expenses</option>
</select>

并将其添加到您的javascript：

$('#report-select').change(function(){
    if ( $(this).val() !== '' ) {
        window.open($(this).val(), '_self');
    }
});

这模拟了javascript中的链接点击，因此您实际上不需要选择组中的链接。

在selectize的下拉菜单中创建链接

1 个答案: