VideoTrackList.selectedIndex - Web APIs
the read-only videotracklist property selectedindex returns the index of the currently selected track, if any, or -1 otherwise.
... syntax var index = videotracklist.selectedindex; value a number indicating the index of the currently selected track, if any, or -1 otherwise.
... specifications specification status comment html living standardthe definition of 'videotracklist: selectedindex' in that specification.

HTMLSelectElement.selectedIndex - Web APIs
the htmlselectelement.selectedindex is a long that reflects the index of the first or last selected <option> element, depending on the value of multiple.
... syntax var index = selectelem.selectedindex; selectelem.selectedindex = index; example html <p id="p">selectedindex: 0</p> <select id="select"> <option selected>option a</option> <option>option b</option> <option>option c</option> <option>option d</option> <option>option e</option> </select> javascript var selectelem = document.getelementbyid('select') var pelem = document.getelementbyid('p') // when a new <option> is selected selectelem.addeventlistener('change', function() { var index = selectelem.selectedindex; // add that data to the <p> pelem.innerhtml = 'selectedindex: ' + index; }) specifications specification status comment html living standardthe definition of 'htmlselectelement' in that...

completeselectedindex - Archive of obsolete content
« xul reference home completeselectedindex type: boolean if true, the text in the text field will be autocompleted as the user selects from the popup list.

selectedIndex - Archive of obsolete content
« xul reference home selectedindex type: integer gets and sets the index of the currently selected panel.

selectedIndex - Archive of obsolete content
« xul reference selectedindex type: integer returns the index of the currently selected item.

XBL Example - Archive of obsolete content
example 1 : source <binding id="slideshow"> <content> <xul:vbox flex="1"> <xul:deck xbl:inherits="selectedindex" selectedindex="0" flex="1"> <children/> </xul:deck> <xul:hbox> <xul:button xbl:inherits="label=previoustext"/> <xul:label flex="1"/> <xul:button xbl:inherits="label=nexttext"/> </xul:hbox> </xul:vbox> </content> </binding> this binding creates the slideshow structure that we want.
...the selectedindex is inherited by the deck, so we may set the initial page in the xul.
...when getting this custom property, it will need to retrieve the value of the selectedindex attribute of the deck, which holds the number of the currently displayed page.
...And 9 more matches

Manipulating Lists - Archive of obsolete content
list selection the nsidomxulselectcontrolelement interface provides two additonal properties, selectedindex and selecteditem.
...if no item is selected, selectedindex will return -1, while selecteditem will return null.
...it also has a selectedindex function which will return the index of the selected tab.
...And 2 more matches

tabs - Archive of obsolete content
activating them will not change the selectedindex.
... attributes closebutton, disableclose, disabled, onclosetab, onnewtab, onselect, setfocus, selectedindex, tabbox, tabindex, tooltiptextnew, value, properties accessibletype, disabled, itemcount, selectedindex, selecteditem, tabindex, value, methods advanceselectedtab, appenditem, getindexofitem, getitematindex, insertitemat, removeitemat examples (example needed) attributes closebutton obsolete since gecko 1.9.2 type: boolean if this attribute is set to true, the tabs row will have a "new tab" button and "close" button on the ends.
... selectedindex type: integer gets and sets the index of the currently selected panel.
...And 2 more matches

Index - Archive of obsolete content
816 completeselectedindex no summary!
... 1059 selectedindex needshelp, xul attributes, xul reference no summary!
... 1554 selectedindex xul properties, xul reference no summary!
...the selectedindex attribute determines which child is displayed.

Index - Archive of obsolete content
69 completeselectedindex no summary!
... 328 selectedindex needshelp, xul attributes, xul reference no summary!
... 823 selectedindex xul properties, xul reference no summary!
...the selectedindex attribute determines which child is displayed.

Modifying a XUL Interface - Archive of obsolete content
the radiogroup's selectedindex property may be used to do this.
... the selectedindex property may be used to retrieve the index of the selected radio button in the group and well as change it.
...example 7 : source view <script> function updatestate(){ var name = document.getelementbyid("name"); var sindex = document.getelementbyid("group").selectedindex; name.disabled = sindex == 0; } </script> <radiogroup id="group" onselect="updatestate();"> <radio label="random name" selected="true"/> <hbox> <radio label="specify a name:"/> <textbox id="name" value="jim" disabled="true"/> </hbox> </radiogroup> in this example a function updatestate() is called whenever a select event is fired on the radio group.
...this function will retrieve the currently selected radio element using the selectedindex property.

How to build custom form controls - Learn web development
e, that native control is a sibling of the custom control var nativewidget = select.previouselementsibling; // we also need to get the value placeholder of our custom control var value = select.queryselector('.value'); // and we need the whole list of options var optionlist = select.queryselectorall('.option'); // we set the selected index to the index of our choice nativewidget.selectedindex = index; // we update the value placeholder accordingly value.innerhtml = optionlist[index].innerhtml; // and we highlight the corresponding option of our custom control highlightoption(select, optionlist[index]); }; // this function returns the current selected index in the native control // it takes one parameter: // select : the dom node with the class `select` related to the native...
... control function getindex(select) { // we need to access the native control for the given custom control // in our example, that native control is a sibling of the custom control var nativewidget = select.previouselementsibling; return nativewidget.selectedindex; }; with these two functions, we can bind the native controls to the custom ones: // we handle event binding when the document is loaded.
... window.addeventlistener('load', function () { var selectlist = document.queryselectorall('.select'); // each custom control needs to be initialized selectlist.foreach(function (select) { var optionlist = select.queryselectorall('.option'), selectedindex = getindex(select); // we make our custom control focusable select.tabindex = 0; // we make the native control no longer focusable select.previouselementsibling.tabindex = -1; // we make sure that the default selected value is correctly displayed updatevalue(select, selectedindex); // each time a user clicks on an option, we update the value accordingly optionlist.foreach(function (option, index) { option.addeventlistener('click', function (event) { updatevalue(select, index); }...
...ementsibling; var value = select.queryselector('.value'); var optionlist = select.queryselectorall('[role="option"]'); // we make sure that all the options are not selected optionlist.foreach(function (other) { other.setattribute('aria-selected', 'false'); }); // we make sure the chosen option is selected optionlist[index].setattribute('aria-selected', 'true'); nativewidget.selectedindex = index; value.innerhtml = optionlist[index].innerhtml; highlightoption(select, optionlist[index]); }; it might have seemed simpler to let a screen reader focus on the off-screen select and ignore our stylized one, but this is not an accessible solution.

Stacks and Decks - Archive of obsolete content
the displayed page of the deck can be changed by setting an selectedindex attribute on the deck element.
... example 3 : source view <deck selectedindex="2"> <description value="this is the first page"/> <button label="this is the second page"/> <box> <description value="this is the third page"/> <button label="this is also the third page"/> </box> </deck> three pages exist here, the default being the third one.
... you can switch pages by using a script to modify the selectedindex attribute.

deck - Archive of obsolete content
the selectedindex attribute determines which child is displayed.
... attributes selectedindex properties selectedindex, selectedpanel examples <deck selectedindex="2"> <description value="this is the first page"/> <button label="this is the second page"/> <box> <description value="this is the third page"/> <button label="this is also the third page"/> </box> </deck> attributes selectedindex type: integer gets and sets the index of the currently selected panel.
...qualsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties selectedindex type: integer returns the index of the currently selected item.