如何在jQuery中通過其value屬性選擇選項標記？

<select id="cars" name="cars"> 
    <option value="1">Volvo</option> 
    <option value="2">Ferrari</option> 
    <option value="3">Mercedes</option> 
</select>

我想選擇值爲2（法拉利）的選項。我有點新的jQuery。我嘗試沒有成功如下：如何在jQuery中通過其value屬性選擇選項標記？

var modelId = 2; 
jQuery("#cars").val(jQuery("#cars option[value=" + modelId + "]").val());

來源

2011-04-12 Weblurk

可能重複[你怎麼選擇jQuery中SELECT元素的特殊選項？]（http://stackoverflow.com/questions/314636/how-do-you-select-a-particular-option-in-a-select-element-in-jquery） – redsquare 2011-04-12 08:05:42

使用val函數設置值。

$("#cars").val('2');

試用此example。

來源

2011-04-12 07:47:46 Anurag

jQuery('#cars option[value=' + modelId + ']').attr('selected', true);

我傾向於使用什麼。

來源

2011-04-12 07:47:12 Alex

jQuery的應該是這樣的：

var modelId = 2; 
jQuery("#cars") 
    .find("option[value=" + modelId + "]") 
    .attr("selected","selected");

鏈接的jsfiddle：http://jsfiddle.net/mitchmalone/CLgAS/

而且，這是一個更加靈活的解決方案讓您在各種不同的方式來使用它的機會。

來源

2011-04-12 07:49:34 Mitch

捎帶關閉阿努拉格的完全正確的例子，你應該做的是這樣的：

var modelId = /* your value */; 
$('#cars').val(modelId);

你知道爲什麼你在你的下拉菜單設置爲不管它是你正在做的，當你回來的這樣在六個月或一年內維護此代碼。此外，如果您需要重構你的代碼，現在你基礎上，可以在相當傳遞不是一個神奇的數字，像這樣一個變量設置你的價值：

function setModel(modelId) { 
    $('#cars').val(modelId);   
}

的

來源

2011-04-12 07:53:37 Jason

如何在jQuery中通過其value屬性選擇選項標記？

回答

相關問題