एक्स-संपादन योग्य JQuery प्लगइन - स्रोत ऑब्जेक्ट प्राप्त करें

Question

मुझे सफलता कॉलबैक में "newValue" की बजाय चयनित ऑब्जेक्ट प्राप्त करने का प्रयास करने में समस्याएं आ रही हैं।

$("select").editable({ 
     type : "select", 
     title: 'Select Fruit', 
     source : [ 
      {text : "Apple", value: "option_1"}, 
      {text : "Orange", value: "option_2"}, 
      {text : "Mango",value: "option_3"}, 
      {text : "Strawberry",value: "option_4"} 
     ], 
     success:function(response,newValue){ 
      console.log(newValue); // newValue contains the "text" string ok.. 
      // How do I get the selected source object? eg. {text : "Orange", value: "option_2"} 
      // So I can access the object like.. 
      console.log(newValue.value); // output option_* 
     } 
    }); 

धन्यवाद कार्ल

Answer 1

आप value, या यहाँ तक कि पूरे चयनित ऑब्जेक्ट का उपयोग करने की display कॉलबैक का उपयोग कर सकते हैं::

यहाँ एक उदाहरण है

<a href="#" id="status" data-type="select" data-pk="1" data-title="Select status"></a>  
<script> 
    $(function() { 

    $("#status").editable({ 
     type: "select", 
     title: 'Select Fruit', 
     source: [ 
     {text : "Apple", value: "option_1"}, 
     {text : "Orange", value: "option_2"}, 
     {text : "Mango",value: "option_3"}, 
     {text : "Strawberry",value: "option_4"} 
     ], 
     display: function(value, sourceData) { 

     if (value) { // value = "option_3" etc. 
      $(this).html(value); 
     } 

     /* OR if you want to access the selected source object ... 

     var selected = $.fn.editableutils.itemsByValue(value, sourceData); 
     if (selected.length) { 
      $(this).html(selected[0].value); 
     } */ 
     } 
    }); 
    }); 
</script> 

डेमो: http://jsfiddle.net/6vzrug72/