Get currently selected value in editable select box

Question

I have used editable select Jquery plugin,now the problem is i want the currently selected value of editable select control with out on change or other event

link to Editable select

I have tried following till now but no success

$('#customer_name').find('li.selected').value()
$('#customer_name').siblings('.es-list').find('li.selected').value()
$("#customer_name").val();

HTML

<select id="customer_name" name="customer_name" class="form-control"> 
<?php
    foreach($customers as $customer){
     echo "<option value='".$customer['cust_id']."'>".$customer['cust_name']." </option>";
    }//foreach
?>
</select> 


$('#customer_name').editableSelect();

Answer 1

I have dome some R&D regarding this question and I have found something which helps me to achieve the goal. So, I am sharing the Jquery code with the Link so that you can get more information.

Jquery code for getting the selected value:

        $('#onselect')
            .editableSelect()
            .on('select.editable-select', function (e, li) {
                console.log('Seletced Value: ');
                console.log(li.val() + '. ' + li.text());
        });

Ref. Website Jquery Editable Select Example

Thanks.

Answer 2

Try this

const x = $('#customer_name').attr('value')

this should work.

if this doesn't work, then your HTML element doesn't have an attribute called value, try adding a value & id to any HTML element then do $(id).attr('value') and you'll get the value attribute

Answer 3

I have read the docs but i could't find any solution so what i have done is stored the value of editable select in hidden filed for the first time and when user change the value then i have jquery to update the value. if any one has solution please mention