[upasana]

I have a select menu list as

<select id="m1-addmeal-hidden-select-selectList_Food" name="selectList_Food" multiple="true">
            <option value="value1" label="Item 1" selected="">Item 1</option>
            <option value="value2" label="Item 2">Item 2</option>
            <option value="value3" label="Item 3">Item 3</option>
            <option value="value4" label="Item 4">Item 4</option>
            <option value="value5" label="Item 5">Item 5</option>
</select>

I am trying to delete all the option under the select. I have tried out different javascript/jquery functions (.empty(), .remove()., removeChild(), .innerHTML) but things are not working out.

I also tried using the script in custom javascript file from one of the tutorials

var list = $('#m1-addmeal-hidden-select-selectList_Food'); //lookup <ul>
  //remove current list items
  list.children('#m1-addmeal-hidden-select-selectList_Food').remove();

Could you suggest a solution?

[support-octavio]

@upasana,

I have escalated this question for dev team and will follow up with you as soon as I get details from them.

[support-octavio]

Hi

I followed up with you in the other thread sharing a example provided by dev team: http://www.genuitec.com/support-genuitec/viewtopic.php?p=14030#p14030

[Author]

Posts