jquery 수정 가능 선택

Question

이 스크립트에 대해서는 약간의 도움이 필요합니다. 선택을 텍스트 필드로 변환하는 것은 jQuery Plugin입니다. 양식에서 사용할 때 값이 아닌 텍스트를 제출합니다.

텍스트가 아닌 옵션 값을 얻으려면 어떻게해야합니까?

예 :

<link rel="stylesheet" href="https:rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css"> 
 

 
<form action="http://stackoverflow.com/questions/38437449/edit-jquery-editable-select/" method="get"> 
 
\t <select id="basic" name="basic"> 
 
\t \t <option value="0">Zero</option> 
 
\t \t <option value="1">One</option> 
 
\t \t <option value="2">Two</option> 
 
\t </select> 
 
\t <input type="submit" value="Submit" /> 
 
</form> 
 

 

 
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<script src="https://rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.js"></script> 
 
<script> 
 
window.onload = function() { 
 
\t $('#basic').editableSelect(); 
 
} 
 
</script>

그것은 domian.com/page.php?data=000하지 domian.com/page.php?data=zero에 "000"하지 "zero" 및 결과를 보내야합니다.

Answer 1

업데이트 : 당신이 찾고있는 값을 얻기 위하여

또 다른 방법은 다음과 같습니다 텍스트에 대한

$('#basic').siblings('.es-list').find('li.selected').data('value') 

대신 사용할 수 :

$('#basic').siblings('.es-list').find('li.selected').text() 

이전 대답 :

플러그인 jquery-editable-select은 "onSelect"라는 이벤트를 노출합니다.

그래서 당신은 제출이 이벤트에 대한 이벤트 처리기를 부착하고 양식을 수신해야합니다

$(function() { 
 
    var selectedEleValue = null; 
 
    $('#basic').editableSelect({ 
 
    onSelect: function (element) { 
 
     selectedEleValue = element.val(); 
 
     console.log('The val is: ' + element.val() + ' The text is: ' + element.text()); 
 
    } 
 
    }); 
 
    $('form[action="http://stackoverflow.com/questions/38437449/edit-jquery-editable-select/"]').on('submit', function(e) { 
 
    if (selectedEleValue != null) { 
 
     $('#basic').val(selectedEleValue); 
 
    } 
 
    }) 
 
});

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 

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

 
<form action="http://stackoverflow.com/questions/38437449/edit-jquery-editable-select/" method="get"> 
 
    <select id="basic" name="basic"> 
 
     <option value="0">Zero</option> 
 
     <option value="1">One</option> 
 
     <option value="2">Two</option> 
 
    </select> 
 
    <input type="submit" value="Submit" /> 
 
</form>