Create link in selectize's dropdown

Question

Good day,

I am using the plugin selectize for my projects select elements, it looks good and simple but I just want to ask if how do I make the option list become links to other pages?

heres my simple html code

<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>

and my js

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

I did tried adding some on option list but nothing is happening. Any information or suggestion would really be appreciated! Thanks and have a Good day!

Chris · Accepted Answer · 2015-03-12 12:41:22Z

2

You could try something like this:

<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>

And add this to your javascript:

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

This simulates a link click in javascript, so you won't actually need links in your select group.

answered Mar 12, 2015 at 12:41

Chris

4,4867 gold badges46 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Create link in selectize's dropdown

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related