Javascript and select box

work.Yehuda · May 15, 2007

This script will work only width Firefox browser

<select id='object'>
</select>

document.getElementById(abject).innerHTML= '<option>yehuda'

For some reason the Explorer browser doesn't refer to the options
inside a select box as an innerHTML object

How can I make it work width Epxlorer?

thanking you in advance

RobG · May 15, 2007

This script will work only width Firefox browser

<select id='object'>
</select>

A select with no options is invalid HTML.

document.getElementById(abject).innerHTML= '<option>yehuda'

I guess you mean:

document.getElementById('object')...

For some reason the Explorer browser doesn't refer to the options
inside a select box as an innerHTML object

innerHTML isn't an object, it's a property of a DOM object/element.

How can I make it work width Epxlorer?

Use:

var select = document.getElementById('object');
select.options[select.options.length] = new Option('yehuda');

You could also use:

var select = document.getElementById('object');
var oOption = document.createElement('option');
oOption.appendChild(document.createTextNode('yehuda'));
select.appendChild(oOption);

shimmyshack · May 15, 2007

This script will work only width Firefox browser

<select id='object'>
</select>

document.getElementById(abject).innerHTML= '<option>yehuda'

For some reason the Explorer browser doesn't refer to the options
inside a select box as an innerHTML object

How can I make it work width Epxlorer?

thanking you in advance

you could just insert something a little bit more complete than that

<html><body>
<div id="d"></div>
<script type="text/javascript">
var f = document.getElementById('d');
//next line all one line
f.innerHTML = '<select id="s"><option value="a">a</option><option
value="b">b</option></select>';
</script>
</body>
</html>

instead of creating it invalid and adding to it.

work.Yehuda · May 15, 2007

This script will work only width Firefox browser

Click to expand...

<select id='object'>
</select>

Click to expand...

A select with no options is invalid HTML.

document.getElementById(abject).innerHTML= '<option>yehuda'

Click to expand...

I guess you mean:

document.getElementById('object')...

For some reason the Explorer browser doesn't refer to the options
inside a select box as an innerHTML object

Click to expand...

innerHTML isn't an object, it's a property of a DOM object/element.

How can I make it work width Epxlorer?

Click to expand...

Use:

var select = document.getElementById('object');
select.options[select.options.length] = new Option('yehuda');

You could also use:

var select = document.getElementById('object');
var oOption = document.createElement('option');
oOption.appendChild(document.createTextNode('yehuda'));
select.appendChild(oOption);

thanks

ASM · May 15, 2007

RobG a écrit :

Use:

var select = document.getElementById('object');
select.options[select.options.length] = new Option('yehuda');

// the complete code :
select.options[select.options.length] = new Option('yehuda',
'yehuda's value');

Or ... :

var o = new Option();
o.text = 'yehuda';
o.value = 'yehuda's value';
select.options[select.options.length] = o;

You could also use:

var select = document.getElementById('object');
var oOption = document.createElement('option');
oOption.appendChild(document.createTextNode('yehuda'));

// plus, if a value is needed :
oOption.value = 'yehuda's value';

ÎºÖÐ»ª · May 15, 2007

I may know your problem.

it is a bug of internet explorer, please see this article:

http://support.microsoft.com/?scid=kb;en-us;276228&x=11&y=14

RobG · May 15, 2007

ASM said:
RobG a écrit :

Use:

var select = document.getElementById('object');
select.options[select.options.length] = new Option('yehuda');

Click to expand...

// the complete code :
select.options[select.options.length] = new Option('yehuda',
'yehuda's value');

There are four optional arguments:

new Option([text[, value[, defaultSelected[, selected]]]])

How do I fix this issue in sqaurespace code block?	1	Jul 2, 2024
About as basic "Newbie-Question" that you can get.	3	Sep 4, 2023
Final chapter of "Learn PHP, MySQL and JavaScript"	3	Jun 4, 2024
How to make an input box enable for only past dates and for the startdate if it falls in the current month?	5	Jun 12, 2023
Onmouseup in select box affects scrollbars	1	Nov 30, 2007
I am trying to make an audio player, how do I get the selected file to be playable?	5	Mar 29, 2022
Needing Help With My First JavaScript script	1	Mar 22, 2018
Javascript fill function data from multidimensonal array	0	Dec 12, 2022

Javascript and select box

work.Yehuda

RobG

shimmyshack

work.Yehuda

ASM

ÎºÖÐ»ª

RobG

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads