如何使用其数据属性查找和设置HTML-Select选项元素？

Question

我有以下HTML：

addHtmlElement

我正在尝试预先选择<select name="1028071" class="LC" id="1028071" style="width: 100%;"> <option selected="selected" value="-1">[Please select a value]</option> <option value="10604534" data-uid="154b2706-505e-401c-a066-a37a1889e3be">[Other]</option> <option value="10604535" data-uid="25070b3b-8215-440b-b3cf-c6cf52f01efc">Reason 1</option> <option value="10604536" data-uid="fd3394ea-a7e8-45e8-8385-71dee98238ff">Reason 2</option> </select> 。 [Other]和文本都是变量。跨环境的唯一固定值是value。

我尝试了以下操作，但它无法正常工作：

data-uid

Answer 1

如果 formalRequestReasonFieldId 是选择标记ID：

var other = $('#'+formalRequestReasonFieldId).find('option[data-uid="154b2706-505e-401c-a066-a37a1889e3be"]');

//Other Text
var text = other.text();

//Select It
other.prop("selected", true);

JSFiddle：https://jsfiddle.net/6opqnxhy/