如何在選擇選項字段中選擇特定的自定義屬性？

我正在修復舊的Web應用程序中的一個可怕的錯誤。對於某些數據集，選項/選擇列表中的值不幸是不唯一的。但幸運的是，自定義屬性test是唯一的。如何在選擇選項字段中選擇特定的自定義屬性？

所以我有以下HTML結構：

<select id="dropdown"> 
    <option value="1" test="A">fooA</option> 
    <option value="2" test="B">fooB</option> 
    <option value="2" test="C">fooC</option> 
    <option value="2" test="D">fooD</option> 
    <option value="2" test="E">fooE</option> 
</select>

所以我不知道如何可以設置從自定義屬性C與test jQuery的的幫助或香草JS在選擇/下拉字段？ .attr()屬性僅更改我不想要的自定義屬性test的屬性。我想在選擇字段中設置fooC。

的jsfiddle鏈接嘗試：http://jsfiddle.net/rnnfk/120/

來源

2016-03-22 ReneFroger

如果你想顯示測試屬性文本作爲選項，而不顯示重複值..然後試試這個[演示]（http://jsfiddle.net/lakshman/rnnfk/123/） – Lucky

您可以使用屬性選擇器來獲得與特定值屬性測試的選項。

Live Demo

$('#dropdown option[test=C]').prop('selected', true);

來源

2016-03-22 11:56:15 Adil

我決定選擇你的答案作爲正確的，因爲你是earlierst，你在演示中包含了正確的jQuery版本。謝謝！ – ReneFroger

不客氣 – Adil

首先，你需要選擇與css attribute selector幫助的屬性然後添加使用attr()selected屬性。

試試這個技巧。 Demo

$('#dropdown option[test=C]').attr("selected","selected");

來源

2016-03-22 11:59:35

謝謝，它工作正常。不幸的是，Adil更早。無論如何，我都贊成你的回答！ – ReneFroger

只需添加以下代碼jQuery中： -

$("#dropdown [test='C']").attr("selected", "selected");

它可以幫助你。

來源

2016-03-22 12:00:00

謝謝，它工作正常。 – ReneFroger

如何在選擇選項字段中選擇特定的自定義屬性？

回答

相關問題