Wie wird ein Element in der Auswahlliste hervorgehoben, ohne es anzuklicken (per Code)?

Question

Wie kann man ein Element in der Auswahlliste auswählen (hervorheben), ohne darauf zu klicken (per Code)?

So, dass ich ihm den Index des auszuwählenden/zu beleuchtenden Feldes gebe

Ich erstelle sie dynamisch wie folgt

<div class="demo">  <ol id="selectable">  </ol></div>

et

var div = document.getElementById("selectable");
for(i=0; i<list.size; i++)
{    
    // It should look like that
    //<li class="ui-widget-content">Item 1</li>    
    var properties = list[i].getProperties();    
    var aTag = document.createElement("li"); 
    //file name or something as ID    
    aTag.setAttribute('class',"ui-widget-content");    
    aTag.setAttribute('id',i);
    aTag.innerHTML = properties.fileName;
    //file name
    div.appendChild(aTag);
}

Answer 1

$('youritem').trigger('click'); wird die Arbeit erledigen! Einfache Lösung.

Answer 2

Sie können einen Index auswählen, indem Sie eq() . 0 ist die erste Position.

$('item').eq(0).css('background-color','yellow'); //give the first item a yellow background.

Ein Arbeitsbeispiel finden Sie unter http://jsfiddle.net/FKvhG/

Answer 3

Sie können verwenden focus() : $('#element').focus();

Answer 4

Sie können verwenden

$("#id").val("example value")

um ein Element anhand seines Wertes auszuwählen. Sie können den Wert über den Index finden, indem Sie

$("#id").find("option").eq(index).val()

Zusammengenommen ergibt sich also

$("#id").val($("#id").find("option").eq(index).val());

die das tut, was Sie wollen.

Answer 5

Wenn Ihre Auswahlliste die ID "dropdown" hat und Sie das erste Element auswählen möchten, funktioniert dies.

Die Funktion eq() wählt jedes beliebige Element aus, da sie auf Null basiert.

$('#dropdown').eq(0).attr("selected", true);