Path: csiph.com!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: Arno Welzel <usenet@arnowelzel.de>
Newsgroups: comp.lang.javascript
Subject: Re: InnerHTML quirks
Date: Thu, 27 Jun 2019 10:18:23 +0200
Lines: 46
Message-ID: <gnjcegFhe55U1@mid.individual.net>
References: <6dcae054-0a58-4000-9bb0-0be37a937500@googlegroups.com>
Mime-Version: 1.0
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: 8bit
X-Trace: individual.net RuECppqrWDU3hKi2mxMpTA1PHMXtNKCkM5YAMlIyUEhcbE6xkc
Cancel-Lock: sha1:VBQBrK1SZllbZf664zRWEi5+B9U=
In-Reply-To: <6dcae054-0a58-4000-9bb0-0be37a937500@googlegroups.com>
Content-Language: en-US
Xref: csiph.com comp.lang.javascript:36937

On 27.06.19 07:51, Jonas Thörnvall wrote:
> Given i have an option list generated dynamically and then inserted to my main HTML file with using div.
> 
> <div id="bankOptList"></div>
> 
> And inserted using javascript.
> function bankOptionList(){
> bankOptNames="";	
> bankSelect ="<font color=white><b>BANK:</b></font> <select id='selBank' onChange='bankSelection()'>\n";
> for (var r=0;r<bankName.length;r++){
> bankOption=bankName[r];
> //alert(bankName[r]);
> bankOptNames+="<option value="+r+"> "+r+"  "+bankOption+"</option>\n";
> }
> bankOptEnd="</select> \n";
> bankOptionString=bankSelect+bankOptNames+bankOptEnd;
> //alert(bankOptionString);
> document.getElementById("bankOptList").innerHTML=bankOptionString;
> }
> 
> 
> How can i set selected index?

By setting the "selected" attribute for the option, which should be
selected intially.

Also see:
<https://developer.mozilla.org/de/docs/Web/HTML/Element/option>

> The usual way below do not work.
> document.getElementById("selBansk").selectedIndex;

This does nothing.

If you want to *set* the index you have to assign it:

document.getElementById("selBansk").selectedIndex = 1;

Also see
<https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/selectedIndex>



-- 
Arno Welzel
https://arnowelzel.de