如何通过选项值获取选择元素

debugcn 发表于 Dev

天哪

我正在尝试使用 jquery 通过选项值获取整个 select 元素，但没有得到它。select 元素的 id 是动态的，尚未加载。所以我不能使用 id 来获取 select 元素。因此试图获得使用选项值。

这是我试图获取的选择元素的示例：-

<select sf-field-model="" id="{{form.formId}}_{{interp(form.formTabId,{'$index':$index, value: item}) || $index}}" ng-disabled="form.readonly" sf-changed="form" class="form-control input-sm c" schema-validate="form" ng-options="item.value as item.name group by item.group for item in form.titleMap" name="_value" ng-model="item['_value']">
   <option value="?" selected="selected"></option>
   <option label="TEST-1" value="string:TEST1">TEST-1</option>
   <option label="TEST-2" value="string:TEST2">TEST-2</option>
   <option label="TEST-3" value="string:TEST3">TEST-3</option>
   <option label="TEST-4" value="string:TEST4">TEST-4</option>
   <option label="TEST-5" value="string:TEST5">TEST-5</option>
</select>

我尝试了以下方法：-

var testSelectorText = "select['option[value='?']']";
angular.element(document.querySelectorAll(testSelectorText));

Carsten Løvbo 安徒生

如果要按options值查找选择，请尝试以下操作：

$("select option[value='string:TEST3']").parent();

演示

var testSelectorText = $("select option[value='string:TEST3']").parent();
console.log(testSelectorText.attr("id"))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select sf-field-model="" id="{{form.formId}}_{{interp(form.formTabId,{'$index':$index, value: item}) || $index}}" ng-disabled="form.readonly" sf-changed="form" class="form-control input-sm c" schema-validate="form" ng-options="item.value as item.name group by item.group for item in form.titleMap" name="_value" ng-model="item['_value']">
   <option value="?" selected="selected"></option>
   <option label="TEST-1" value="string:TEST1">TEST-1</option>
   <option label="TEST-2" value="string:TEST2">TEST-2</option>
   <option label="TEST-3" value="string:TEST3">TEST-3</option>
   <option label="TEST-4" value="string:TEST4">TEST-4</option>
   <option label="TEST-5" value="string:TEST5">TEST-5</option>
</select>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。