Question

我有选项组及其选项的下拉列表，来自服务器i在viewbag中获取选项组ID和选项值。我想要什么？我希望使用jquery在页面加载的下拉列表中选择该选项，其选项组ID和选项值我在viewbag中获取

＆＃13;

<select>
<option value="0">Select Project</option>
<optgroup data-id="1" label="Agile">
<option data-projtype="Agile" value="1">Agile 1</option>
<option data-projtype="Agile" value="2">Agile 2</option>
</optgroup>
<optgroup data-id="2" label="Waterfall">
<option data-projtype="Waterfall" value="1">Watrfall 1</option>
<option data-projtype="Waterfall" value="2">Waterfall 2</option>
</optgroup>
</select>

＆＃13;

Answer 1

同时使用child CSS selector和attribute selectors。例如，以下代码返回属于第一个选项组的option的内部文本，并且＆＃39; value等于2并选择一个。

＆＃13;

var Agile2value = $('optgroup[data-id=1] > [value=2]').attr('selected','selected').text();
console.log(Agile2value);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value="0">Select Project</option>
<optgroup data-id="1" label="Agile">
<option data-projtype="Agile" value="1">Agile 1</option>
<option data-projtype="Agile" value="2">Agile 2</option>
</optgroup>
<optgroup data-id="2" label="Waterfall">
<option data-projtype="Waterfall" value="1">Watrfall 1</option>
<option data-projtype="Waterfall" value="2">Waterfall 2</option>
</optgroup>
</select>

＆＃13;

按选项值和选项组选择下拉选项

1 个答案: