select list option data 3

[1DMF]

Hi,

I've tried googling, I guess i'm using the wrong search terms... anyhow.

I want to make a var = the value between the option tag, not the value attribute of the option tag.

so normally I would use...

var type = document.getElementById('type').value;

to get the value selected from a select list.

what would I use to get the text content displayed in the drop down for the selected item?

thanks
1DMF

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!

 

[feherke]

Hi

what would I use to get the [red]text[/red] content displayed in the drop down for the selected item?

Well... [tt]text[/tt] :

var type = document.getElementById('type').[red]text[/red];

Feherke.

http://rootshell.be/~feherke/

 

[1DMF]

lol typical. Knew the answer and didn't know it!

Many thanks.

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!

 

[1DMF]

well looks like I thanked you to soon and a premature star.

I can't seem to get it to work, if I alert it i get 'undefined'.

var comp = document.getElementById('company').text;
alert(comp);

any ideas?


"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!

 

[feherke]

Hi

Interesting. With this code I get "this is what you want" :

function huh()
{
  var [blue]comp[/blue] = document.getElementById('[green]company[/green]').text;
  alert([blue]comp[/blue]);
}

<form action="">
<select>
<option value="this is not what you want" id="[green]company[/green]">[red]this is what you want[/red]</option>
</select>
</form>

How your code looks like ?

Feherke.

http://rootshell.be/~feherke/

 

[1DMF]

ok worked it out, you cannot use it in the way you have shown, you must use the options[] with the selectedIndex to gain access to the text...

 var comp = document.getElementById('company').options[document.getElementById('company').selectedIndex].text;

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!

 

[1DMF]

dunno, try adding a few more options to the list and choosing one, then alert, see if it works then?

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!

 

[feherke]

Hi

Oops. So the element with company [tt]id[/tt] is the [tt]select[/tt] ? Then I misunderstood your question. After you mentioned "option tag" twice, I thought that is the one which has the [tt]id[/tt]. Like in my example.

Then yes, you have to use the good old [tt]options[/tt] array to pick the selected item. Only after that you can get any property of the [tt]option[/tt] element.

Feherke.

http://rootshell.be/~feherke/

 

[1DMF]

lol - amazing how a simpe thing can drive you crazy when miss-interpreted, or miss-represented.

At least you gave me enough info to work it out for myself

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!