OPTION NN 2   IE 3   DOM 1

OPTION НРПЮФЮЕР ЩКЕЛЕМР HTML OPTION, ЙНРНПШИ ДНКФЕМ АШРЭ БКНФЕМ БМСРПХ ЩКЕЛЕМРЮ SELECT. яЯШКЮЪЯЭ Й НАЗЕЙРЮЛ OPTION, МЮХАНКЕЕ ВЮЯРН ХЯОНКЭГСЧР ЕЦН ПНДХРЕКЭЯЙХИ НАЗЕЙР SELECT, НАПЮЫЮЪЯЭ Й НАЗЕЙРС OPTION ЙЮЙ Й ХМДЕЙЯС ЛЮЯЯХБЮ НОЖХИ, ОПХМЮДКЕФЮЫХУ ЩРНЛС НАЗЕЙРС SELECT.

яЖЕМЮПХИ ХЛЕЕР ЯКЕДСЧЫХЕ БНГЛНФМНЯРХ:

  • сДЮКЕМХЕ НРДЕКЭМНИ НОЖХХ (ОПХБНДЪЫЕЕ Й ЯФЮРХЧ ЯОХЯЙЮ). - ЯКЕДСЕР СЯРЮМНБХРЭ ЯННРБЕРЯРБСЧЫХИ ЩКЕЛЕМР ЛЮЯЯХБЮ Б ГМЮВЕМХЕ null. (selectObj.options[2] = null). оПХ ЩРНЛ ДКХМЮ ЛЮЯЯХБЮ СЛЕМЭЬХРЯЪ МЮ 1.
  • хГЛЕМЕМХЕ ЩКЕЛЕМРНБ ЯОХЯЙЮ Б ЛЕМЭЬСЧ (АНКЭЬСЧ) ЯРНПНМС. - МСФМН СЯРЮМНБХРЭ ЯБНИЯРБН length ЛЮЯЯХБЮ МЮ ДПСЦСЧ БЕКХВХМС, Ю ГЮРЕЛ СЯРЮМНБХРЭ ЯБНИЯРБЮ БЯЕУ НОЖХИ Й МНБШЛ ГМЮВЕМХЪЛ. (
    selectObj.length = 3;
    selectObj.options[0].text = "...";
    selectObj.options[1].text = "...";
    selectObj.options[2].text = "...";

    selectObj.options[0].value = "...";
    selectObj.options[1].value = "...";
    selectObj.options[2].value = "...";
    )
  • сДЮКЕМХЕ БЯЕУ НОЖХИ - МЕНАУНДХЛН НАМСКХРЭ ДКХМС ЛЮЯЯХБЮ (selectObj.length = 0;)
  • дНАЮБКЕМХЕ МНБШУ НОЖХИ Й НАЗЕЙРС. - МЕНАУНДХЛН ХЯОНКЭГНБЮРЭ ЙНМЯРПСЙРНП new Option().
    оПХЛЕП: selectObj.options[4] = new Option("Option5","http://www.anktrue.spb.ru",true,false)
  • б IE4 БНГЛНФЕМ Х ДПСЦНИ ЯОНЯНА ХГЛЕМЕМХЪ НОЖХИ. нМ ЯНЯРНХР Б ХЯОНКЭГНБЮМХХ ДБСУ ЛЕРНДНБ ЛЮЯЯХБЮ options: remove() Х add()
    var newOpt = document.createElement("OPTION");
    selectObj.options.add(newOpt, 3);
    ...
    selectObj.options.remove(7);
  • б NN6, ОНДДЕПФХБЮЧЫЕЛ ЯРЮМДЮПР W3C DOM 2, БНГЛНФЕМ ЕЫ╦ НДХМ ОНДУНД Й ХГЛЕМЕМХЧ НОЖХИ. гДЕЯЭ ЛНФМН БНЯОНКЭГНБЮРЭЯЪ ЛЕРНДЮЛХ add() Х remove() НАЗЕЙРЮ SELECT. нМХ ОНУНФХ МЮ ЛЕРНДШ НАЗЕЙРЮ options Б IE, МН ОПХМЮДКЕФЮР МЕОНЯПЕДЯРБЕММН НАЗЕЙРС SELECT Х Б Б ЛЕРНДЕ add() Б ЙЮВЕЯРБЕ БРНПНЦН ЮПЦСЛЕМРЮ ХЯОНКЭГСЧР МЕ ХМДЕЙЯ, Ю ЯЯШКЙС МЮ НАЗЕЙР OPTION, ОЕПЕД ЙНРНПШЛ МСФМН БЯРЮБХРЭ МНБШИ ЩКЕЛЕМР:
    var newOpt = document.createElement("OPTION");
    selectObj.remove(3);

    selectObj.add(newOpt, selectObj.options[3]);

нАЫХЕ ЯБНИЯРБЮ, ЛЕРНДШ Х НАПЮАНРВХЙХ ЯНАШРХИ ОЕПЕВХЯКЕМШ Б ПЮГДЕКЕ "бЯЕ ГКЕЛЕМРШ HTML"

 
щЙБХБЮКЕМР HTML

<OPTION>

 
яНГДЮМХЕ НАЗЕЙРЮ:

optionName = new Option ([optionText, optionValue, defaultSelected, selected ])
ХКХ:
selectName.options [index] =optionName
ЦДЕ:

  • optionName — ЪБКЪЕРЯЪ ХКХ ХЛЕМЕЛ МНБНЦН НАЗЕЙРЮ ХКХ ЯБНИЯРБНЛ ЯСЫЕЯРБСЧЫЕЦН НАЗЕЙРЮ.
  • optionText — НОПЕДЕКЪЕР РЕЙЯР, ЙНРНПШИ АСДЕР НРНАПЮФЕМ Б ЯОХЯЙЕ select. БШ ЛНФЕРЕ НАПЮЫЮРЭЯЪ Й ЩРНЛС ГМЮВЕМХЧ, ХЯОНКЭГСЪ яБНИЯРБН text.
  • optionValue — НОПЕДЕКЪЕР ГМЮВЕМХЕ, ЙНРНПНЕ АСДЕР БНГБПЮЫЕМН ЯЕПБЕПС, ЙНЦДЮ НОЖХЪ БШАПЮМЮ, Х ТНПЛЮ ОНДВХМЕМЮ. БШ ЛНФЕРЕ НАПЮЫЮРЭЯЪ Й ЩРНЛС ГМЮВЕМХЧ, ХЯОНКЭГСЪ яБНИЯРБН value.
  • defaultSelected — НОПЕДЕКЪЕР, БШАПЮМЮ КХ НОЖХЪ ОЕПБНМЮВЮКЭМН (ХЯРХМЮ ХКХ КНФЭ). БШ ЛНФЕРЕ НАПЮЫЮРЭЯЪ Й ЩРНЛС ГМЮВЕМХЧ, ХЯОНКЭГСЪ яБНИЯРБН defaultSelected.
  • selected — НОПЕДЕКЪЕР РЕЙСЫЕЕ ЯНЯРНЪМХЕ НОЖХХ select (ХЯРХМЮ ХКХ КНФЭ). БШ ЛНФЕРЕ НАПЮЫЮРЭЯЪ Й ЩРНЛС ГМЮВЕМХЧ, ХЯОНКЭГСЪ яБНИЯРБН selected.
  • selectName — ХЛЪ ЯСЫЕЯРБСЧЫЕЦН НАЗЕЙРЮ Select.
  • index — ЖЕКНЕ ВХЯКН, ОПЕДЯРЮБКЪЧЫЕЕ НОЖХЧ Б НАЗЕЙРЕ Select. БШ ЛНФЕРЕ НАПЮЫЮРЭЯЪ Й ЩРНЛС ГМЮВЕМХЧ, ХЯОНКЭГСЪ яБНИЯРБН index

нАЫХЕ ЯБНИЯРБЮ, ЛЕРНДШ Х НАПЮАНРВХЙХ ЯНАШРХИ ОЕПЕВХЯКЕМШ Б ПЮГДЕКЕ "бЯЕ ГКЕЛЕМРШ HTML"

 
нАЗЕЙРМН-НПХЕМРХПНБЮММЮЪ ЛНДЕКЭ
NN [window.]document.formName.selectName.options[i]
[window.]document.forms[i].elements[i].options[i]
IE [window.]document.formName.selectName.options[i]
[window.]document.forms[i].elements[i].options[i]
[window.]document.all.elementID
NN 6/IE5+ [window.]document.getElementById("elementID")

яБНИЯРБЮ:


defaultSelected NN 2   IE 3   DOM 1
 вРЕМХЕ/хГЛЕМЕМХЕ
 

хЛЕЕР КХ ЩКЕЛЕМР ЮРПХАСР SELECTED Б РЕЦЕ ХГМЮВЮКЭМН. бШ ЛНФЕРЕ ЯПЮБМХБЮРЭ РЕЙСЫЕЕ ЯБНИЯРБН selected Я defaultSelected, ВРНАШ БХДЕРЭ, ХГЛЕМХКНЯЭ КХ ЯНЯРНЪМХЕ ЩКЕЛЕМРЮ select Я ГЮЦПСГЙХ ДНЙСЛЕМРЮ. хГЛЕМЕМХЕ ЩРНЦН ЯБНИЯРБЮ МЕ ГЮРПЮЦХБЮЕР РЕЙСЫЕЕ ЯНЯРНЪМХЕ selected.

 
оПХЛЕП:

var listItem = document.forms[0].selector.options[2] if (listItem.selected != listItem.defaultSelected) { process for changed state }

 
бНГБПЮЫЮЕЛНЕ ГМЮВЕМХЕ:
аСКЕБН ГМЮВЕМХЕ: true | false.
 
гМЮВЕМХЕ ОН СЛНКВЮМХЧ: сЯРЮМЮБКХБЮЕРЯЪ ЮРПХАСРНЛ РЩЦЮ.

form NN 2   IE 3   DOM n/a
  рНКЭЙН ВРЕМХЕ
 

бНГБПЮЫЮЕР ЯЯШКЙС МЮ ЩКЕЛЕМР FORM, ЙНРНПШИ ЯНДЕПФХР РЕЙСЫХИ ЩКЕЛЕМР. щРС ЯЯШКЙС МЮХАНКЕЕ ВЮЯРН ХЯОНКЭГСЧР ЙЮЙ ОЮПЮЛЕРП ДКЪ НАПЮАНРВХЙЮ ЯНАШРХЪ, ХЯОНКЭГСЪ Е╦ ГМЮВЕМХЕ, ВРНАШ НАПЮРХРЭЯЪ Й РЕЙСЫЕЛС ЩКЕЛЕМРС ТНПЛШ.

 
 
 
бНГБПЮЫЮЕЛНЕ ГМЮВЕМХЕ:
яЯШКЙЮ МЮ НАЗЕЙР.
 
гМЮВЕМХЕ ОН СЛНКВЮМХЧ: мХВЕЦН.

index NN 2   IE 3   DOM n/a
  рНКЭЙН ВРЕМХЕ
 

бНГБПЮЫЮЕР НРЯВХРШБЮЕЛНЕ НР МСКЪ ХМДЕЙЯМНЕ ГМЮВЕМХЕ РЕЙСЫЕЦН НАЗЕЙРЮ option Б ОПЕДЕКЮУ ЙНККЕЙЖХХ options ЩКЕЛЕМРЮ SELECT. яБНИЯРБН selectedIndex НАЗЕЙРЮ SELECT БНГБПЮЫЮЕР ХМДЕЙЯМНЕ ГМЮВЕМХЕ НОЖХХ, ЙНРНПЮЪ Б МЮЯРНЪЫЕЕ БПЕЛЪ БШАПЮМЮ.

 
оПХЛЕП:

var firstValue = document.forms[0].stateList.options[0].index

 
бНГБПЮЫЮЕЛНЕ ГМЮВЕМХЕ:
жЕКНЕ ВХЯКН.
 
гМЮВЕМХЕ ОН СЛНКВЮМХЧ: мХВЕЦН.

label NN 6  IE (РНКЭЙН 5)
  вРЕМХЕ/ГЮОХЯЭ
 

дЮММНЕ ЯБНИЯРБН ЯННРБЕРЯРБСЕР ЮРПХАСРС label ЩКЕЛЕМРЮ option (HTML 4.0). щРНР ЮРПХАСР ОНГБНКЪЕР ОПХЯБНХРЭ НОЖХХ МНБШИ РЕЙЯР

 
 
 
бНГБПЮЫЮЕЛНЕ ГМЮВЕМХЕ:
яРПНЙЮ
 
гМЮВЕМХЕ ОН СЛНКВЮМХЧ: мХВЕЦН.

selected NN 2   IE 3   DOM 1
 вРЕМХЕ/хГЛЕМЕМХЕ
 

аШКЮ КХ НОЖХЪ ЯОХЯЙЮ БШАПЮМЮ ОНКЭГНБЮРЕКЕЛ, НГМЮВЮЪ, ВРН ЕЕ ГМЮВЕМХЕ НРОПЮБКЕМН Я ТНПЛНИ. яЖЕМЮПХХ ЛНЦСР ХГЛЕМЪРЭ ГМЮВЕМХЕ, ВРНАШ БШАХПЮРЭ ОСМЙР ЮКЦНПХРЛХВЕЯЙХ. вРНАШ БШЪЯМЪРЭ, ЙЮЙЮЪ НОЖХЪ БШАПЮМЮ, АНКЕЕ ЩТТЕЙРХБМН ХЯОНКЭГНБЮРЭ ЯБНИЯРБН selectedIndex НАЗЕЙРЮ select, ВЕЛ БШОНКМЕМХЕ ЖХЙКЮ ОЕПЕАНПЮ БЯЕУ НОЖХИ Б ОНХЯЙЕ РЕУ, ВЭХ БШАПЮММШЕ ЯБНИЯРБЮ = true. хЯЙКЧВЕМХЕ ЩРНЦН - ЙНЦДЮ ЩКЕЛЕМР SELECT СЯРЮМНБКЕМ, ВРНАШ ОНГБНКЪРЭ ЛМНФЕЯРБЕММШЕ БШАНПШ, бШ ДНКФМШ ЖХЙКХВЕЯЙХ ОПНИРХ ХУ БЯЕ, ВРНАШ МЮИРХ БШАПЮММШЕ.

 
оПХЛЕП:

document.forms[0].selectList.options[3].selected = true

 
бНГБПЮЫЮЕЛНЕ ГМЮВЕМХЕ:
аСКЕБН ГМЮВЕМХЕ: true | false.
 
гМЮВЕМХЕ ОН СЛНКВЮМХЧ: false

text NN 2   IE 3   DOM 1
 вРЕМХЕ/хГЛЕМЕМХЕ
 

рЕЙЯР, ЯБЪГЮММШИ Я ЩКЕЛЕМРНЛ OPTION. щРН - РЕЙЯР ЛЕФДС МЮВЮКЭМШЛ Х ЙНМЕВМШЛ РЩЦЮЛХ, Ю РЮЙФЕ РН, ВРН ОНЪБКЪЕРЯЪ Б ЩКЕЛЕМРЕ SELECT МЮ ЩЙПЮМЕ. яЙПШРНЕ ГМЮВЕМХЕ, ЯБЪГЮММНЕ Я ОСМЙРНЛ ЯОХЯЙЮ ЛНФЕР АШРЭ ЯНУПЮМЕМН, БНЯЯРЮМНБКЕМН Х ХГЛЕМЕМН ВЕПЕГ ЯБНИЯРБН value.

 
оПХЛЕП:

var list = document.forms[0].selectList var listItemText = list.options[list.selectedIndex].text

 
бНГБПЮЫЮЕЛНЕ ГМЮВЕМХЕ: яРПНЙЮ.
 
гМЮВЕМХЕ ОН СЛНКВЮМХЧ: мХВЕЦН.

value NN 4   IE 4   DOM 1
 вРЕМХЕ/хГЛЕМЕМХЕ
 

гМЮВЕМХЕ, ЯБЪГЮММНЕ Я ЩКЕЛЕМРНЛ OPTION. еЯКХ ЩКЕЛЕМР OPTION ХЛЕЕР ЮРПХАСР VALUE ХКХ СФЕ СЯРЮМНБКЕММНЕ ЯБНИЯРБН value, ЩРН - ГМЮВЕМХЕ ЯБНИЯРБЮ value; ХМЮВЕ АСДЕР БНГБПЮЫЕМ РЕЙЯР, БХДХЛШИ Б ЯОХЯЙЕ.

 
оПХЛЕП:

var itemValue = document.forms[0].selectList.options[2]value

 
бНГБПЮЫЮЕЛНЕ ГМЮВЕМХЕ: яРПНЙЮ.
 
гМЮВЕМХЕ ОН СЛНКВЮМХЧ: мХВЕЦН.


HIVE: All information for read only. Please respect copyright!
Hosted by hive йца: йХЕБЯЙЮЪ ЦНПНДЯЙЮЪ АХАКХНРЕЙЮ