Capture the HTML of a SELECT, which uses the editableSelect Plugin

Question

Capture the HTML of a SELECT, which uses the editableSelect Plugin

Navigation

#1 by (1 votes)

0

I have the following code:

$("#idSelect").editableSelect({
    effects: 'fade',
    duration: 'fast'
});

To take the value, I realize:

$("#idSelect").val(); // Funciona bien!

Now I want to take the HTML of the select (all OPTION):

 $("#idSelect").html(); // Pero esto no funciona

javascript jquery select

asked by Islam Linarez 07.10.2017 в 23:36

source

1 answer

Apply CSS to a div [duplicate] How to remove the json from the subscribe to pass it to an object?

score 1 · Accepted Answer

I would have to use siblings () to find Sibling elements in DOM since the plugin creates a list with the class es-list .

$(function() {
    $("#idSelect").editableSelect({
        effects: 'fade',
        duration: 'fast'
    });
    var items = $('#idSelect').siblings('.es-list').find('li');
    $(items).each(function(index, el) {
        console.log($(el).text());
    });
});

<link href="https://rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.js"></script>

<select id="idSelect">
    <option value="1">Uno</option>
    <option value="2">Dos</option>
    <option value="3">Tres</option>
</select>