it-swarm.com.de

Ändern Sie den Text einer Option mit jQuery

Wie kann ich den Text einer Option mit jQuery ändern?

Ich möchte das Neueste mit dem Ältesten in einer Option ändern, ist ein <select>-Element.

$('select option:contains("Newest")').changeText('Oldest');

.replaceWith würde bei mir nicht funktionieren.

Vielen Dank.

----Aktualisieren----

Wenn mein Skript so aussieht:

$('select option:contains("Newest")').text('Oldest');
$('select option:contains("Oldest")').text('Newest');

Dann brich ich das erste Skript aus, aber das ist nicht das, was ich will. Ich habe zwei Optionen: "Neueste", die ich durch "Älteste" ersetzen möchte, und "Älteste", die ich durch "Neueste" ersetzen möchte. Wie kann ich das schaffen?

16
henryaaron

Sie sollten eine neue Frage beginnen, aber hier ist die Antwort:

$('select option:contains("Newest")').text('TEMPEST');
$('select option:contains("Oldest")').text('Newest');
$('select option:contains("TEMPEST")').text('Oldest');
38
qwertymk
$("#mySelect option").html(function(i,str){
  return str.replace(/Newest|Oldest/g,  // here give words to replace
     function(m,n){
         return (m == "Newest")?"Oldest":"Newest";  // here give replacement words
     });
});

demo: http://jsfiddle.net/diode/eSa5p/2/

2
Diode
$('select option:contains("Newest")').each(function(){
   var $this = $(this);

   $this.text($this.text().replace("Newest","Oldest"));    
});​

http://jsfiddle.net/eSa5p/

BEARBEITEN: Antwort auf die neue Frage:

var $newest = $('select option:contains("Newest")');

$('select option:contains("Oldest")').text('Newest');
$newest.text('Oldest');

http://jsfiddle.net/eSa5p/3/

2
James Montagne

Ändern Sie den Text der ausgewählten Option:

$ ("# select"). find ("Option: selected"). text ('latest');

1
winbill
$('select option:contains("Newest")').addClass('changeToOldest');
$('select option:contains("Oldest")').addClass('changeToNewest');
$('.changeToOldest').text('Oldest').removeClass('changeToOldest');
$('.changeToNewest').text('Newest').removeClass('changeToNewest');
0
mVChr