javascript - 在 selectize 的下拉列表中创建链接

Question

你好，

我正在使用插件 selectize我的项目select elements，看起来不错，也很简单，但我只想问一下，如何让option list变成其他页面的链接？

这是我的简单 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 中的链接点击，因此您实际上不需要选择组中的链接。