Создать ссылку в раскрывающемся списке

Question

Добрый день selectize, в

Я использую плагин selectize для моих проектов выберите элементы, она хорошо выглядит и простой, но я просто хочу, чтобы спросить, как я могу сделать список опций становятся ссылки на другие страницы?

Heres мой простой 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, так что вы не будете на самом деле нужны ссылки в выбранной группе.