如何通过选项值获取选择元素
如何通过选项值获取选择元素
提问于 2019-06-14 07:10:58
我试图使用jquery获得整个select元素的选项值，但没有得到它。select元素的id是动态的，尚未加载。所以我不能使用id来获得select元素。因此，尝试获得使用选项值。
下面是我试图获得的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));回答 4
Stack Overflow用户
回答已采纳
发布于 2019-06-14 07:21:01
如果要通过options值查找select，请尝试以下操作：
$("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>
Stack Overflow用户
发布于 2019-06-14 07:22:33
这一行使用jquery查找所需的select元素，使用option value来标识它。
sel = $("select option[value='string:TEST2']").closest("select");如果这不是你想要的，请告诉我。
演示
// Find the option with known value
// Find the closest 'select'
sel = $("select option[value='string:TEST2']").closest("select");
// Print name to demonstrate we found the item
console.log(sel.attr("name"));<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>
Stack Overflow用户
发布于 2019-06-14 07:28:53
这正是我最近所做的。
$('option[value="string:TEST1"]').closest('select')页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56593176
复制相关文章
相似问题
腾讯云开发者
