我在几个元素上使用相同的指令时遇到问题。
我想要做的是在特定的指令上下文中返回元素的selectedindex。
示例:假设我有6个元素(相同的类)具有相同的指令。如果我更改其中一个元素的select选项,我希望指令返回我更改的那个的selectedindex。
让我们在澄清时给出代码:
function changeyvalue() {
return {
restrict: 'A',
link: function (scope, element, attrs) {
scope.ifChangeSelect = function () {
//Returns selectedindex of last inputfntsize.
var a = $(element[0]).prop('selectedIndex');
//Gets parent
var selectIndex = $(element).parent();
//Also returns selectedindex of last inputfntsize.
var getChildrenParent = selectIndex.children('.inputFntSize').first().prop('selectedIndex');
if (a == 0)
{
alert("true");
}
}
}
并说我有6个看起来像这样的元素,(但我也有几个看起来相同的父元素);
<select class="inputFntSize" changeyvalue ng-change="changeIfSelect()" ng-model="test.selectedFontSize" ng-options="fontsize for fontsize in test.fontsizes"></select>
基本上,我希望selected元素返回我更改值的元素,而不是最后创建的元素。关于如何做的任何想法?