jQuery autocomplete und den Umgang mit dem Wert / label Problem

Ich versuche ein jQuery autocomplete. Ich habe einige Daten angegeben, aber wenn ich wählen Sie ein Element in der drop-down, es drückt immer den Wert in den meta-area-Elemente. Ich will das label. Wie Sie dies tun? Versucht, es zu erhalten, um zu zeigen, das label in #meta-Bereich, anstatt den Wert.

HTML:

 ...
 area:<input type='text' size='20' id='meta-area' />
   <input type='hidden' id='meta_search_ids' value='' />
 ...

JavaScript:

$(document).ready(function(){
    var data =[
        {'label':'Core','value':1},
        {'label':' Selectors','value':2},
        {'label':'Events' ,'value':3}]; 

        $("#meta-area").autocomplete({source:data,
            select: function(e, ui) {
                $("#meta_search_ids").val(ui.item.value);
                //this part is not working
                //$(this).val(ui.item.label);
                $('#meta-area').text('this is what I want');
            }
        });
    //alert("this loaded");
});

InformationsquelleAutor timpone | 2012-01-20

  1. 15

    Ist die Standard-Aktion von einem select event-Orte ui.item.value innerhalb der input. Sie benötigen preventDefault mit Ihrem event-handler:

    $(document).ready(function(){
    var data =[
        {'label':'Core','value':1},
        {'label':' Selectors','value':2},
        {'label':'Events' ,'value':3}]; 

    $("#meta-area").autocomplete({
        source:data,
        select: function(e, ui) {
            e.preventDefault() //<--- Prevent the value from being inserted.
            $("#meta_search_ids").val(ui.item.value);

            $(this).val(ui.item.label);
        }
    });
    //alert("this loaded");
});

    Beispiel: http://jsfiddle.net/UGYzW/6/

    F*ckin awesome. thx

    InformationsquelleAutor Andrew Whitaker

  2. 0

    Meinst du das? Änderung "Bereich:" neue?

    <span id='area'>area</span>:<input type='text' size='20' id='meta-area' />
   <input type='hidden' id='meta_search_ids' value='' />


<script>
 $(document).ready(function(){
  var data =[{'label':'Core','value':1},
     {'label':' Selectors','value':2},
     {'label':'Events' ,'value':3}]; 
 $("#meta-area").autocomplete({source:data,
   select: function(e, ui) {
     $("#meta_search_ids").val(ui.item.value);
    //working like this?
    $('#area').text(ui.item.label);
    //$('#area').text('this is what I want');
    }
 });
   //alert("this loaded");
 });
 </script>
    Sorry - nicht immer, was du sagst. Jetzt, es ist das Auffüllen von meta-Bereich mit dem Wert der variable, und ich möchte das label haben.
    Es ist möglich, label, wie dies $('#meta-area').text(ui.item.label);. Es funktioniert.

    InformationsquelleAutor Bon Espresso

Schreibe einen Kommentar