使用Javascript或jQuery在select元素中選擇一個選項

Question

我想要自動選擇帶fr值的選項。

<select class="goog-te-combo"> 

<option value="">Select Language</option> 
<option value="fr">French</option> 

</select> 

這是可能的JavaScript或jQuery？

Answer 1

沒有jQuery的需要蠻力

var country="fr"; 
//If you know the form and name of the select: 
var sel = document.forms[0].sel1; 

//If you know the id of the select: 
var sel = document.getElementById('sel1'); 

// If you only know the className: 
var sels = document.getElementsByTagName('select'); 
for (var i=0,n=sels.length;i<n;i++) { 
    if (sels[i].className=="goog-te-combo") { // assume multiple selects with same class 
    for (var j=0, m=sels[i].options.length;j<m;j++) { 
     if (sels[i].options[j].value==country) sels[i].options[j].selected=true; 
    } 
    } 
} 

Answer 2

這臺法國選項：

$('.goog-te-combo').val("fr"); 

Answer 3

下面的代碼片段也將設置FR選項：

$('option[value="fr"]').attr({selected: 'true'});