Kann ich eine Option am Ende der Auswahlliste verschieben?

Ich habe diese wählen:Kann ich eine Option am Ende der Auswahlliste verschieben?

<select id="mySelect"> 
    <option value="Test 1">Test 1</option> 
    <option value="Test 2">Test 2</option> 
    <option value="Test 3">Test 3</option> 
    <option value="Test 4">Test 4</option> 
    <option value="Test 5">Test 5</option> 
    <option value="Test 6">Test 6</option> 
    <option value="Test 7">Test 7</option> 
    <option value="Test 8">Test 8</option> 
</select>

und ich mag die zweite Option (Test 2) am Ende dieser Auswahlliste bewegen. Kann ich mit jQuery?

Quelle

2013-03-15 markzzz

Warum tauscht man die Werte von "Test 8" einfach mit "Test 2" aus? Könnten Sie auch detaillierter erklären, was Sie erreichen möchten, indem Sie die Optionen austauschen? – Jefferson

Ja, könnten Sie, aber Sie könnten dies auch mit einem Texteditor tun. –

@ Jefferson, warum? Muss jede ** clear ** Frage die Motivation dahinter erwähnen? – gdoron

var $select = $('#mySelect'); 
$select.find('option:eq(1)').appendTo($select);

Live DEMO

Platzierung der Option auf fünftem Platz:

var $select = $('#mySelect'); 
var desiredIndex = 5; 
$select.find('option').eq(desiredIndex).before($select.find('option:eq(1)'));

Live DEMO

Quelle

2013-03-15 08:32:28 gdoron

gute Antwort..können wir Option an einer bestimmten Position, d. H. An der 5. Position so .. – sasi

var sel = $('#mySelect'); 
sel.find('option:eq(1)').appendTo(sel); // insert to last position

Demo

Demo2

Quelle

2013-03-15 08:38:08 Anujith

$ ("# select_id Option [value = theValue]") insert ($ ("# select_id Option: last")).

Quelle

2015-09-15 05:57:32 Pranid

Wäre schön, wenn Sie Ihren Code beschreiben können. – 5208760

Kann ich eine Option am Ende der Auswahlliste verschieben?

Antwort

Verwandte Themen