Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #20347 > unrolled thread

Where have the select options gone?

Back to article view | Back to comp.lang.javascript

Contents

  Where have the select options gone? justaguy <lichunshen84@gmail.com> - 2013-06-19 08:09 -0700
    Re: Where have the select options gone? Luuk <luuk@invalid.lan> - 2013-06-19 19:10 +0200
      Re: Where have the select options gone? justaguy <lichunshen84@gmail.com> - 2013-06-19 11:16 -0700
    Re: Where have the select options gone? Danny <dann90038@gmail.com> - 2013-06-19 10:55 -0700

#20347 — Where have the select options gone?

Hi,

I'm puzzled by the following or more likely I don't know better.

I have this form with a select element and then I want to see what is selected on the same page, code is like this:

<select id="me">
 <option>apple
 <option>orange
  ...
</select>

<span id="findme"></span>

js after user has selected the above:

if (document.getElementById('me')) {
 var ee = document.getElementById('me');
 var eev = ee.options[ee.selectedIndex].value;	
 document.getElementById('findme').innerHTML = eev;
 }
else {alert('WHY me field NOT FOUND');}

I expect to see the span id to display the value of the selected option
but I get the alert instead, what's wrong?

Thanks.

[toc] | [next] | [standalone]

#20350

On 19-06-2013 17:09, justaguy wrote:
> <select id="me">
>   <option>apple
>   <option>orange
>    ...
> </select>
>
> <span id="findme"></span>
>
> js after user has selected the above:
>
> if (document.getElementById('me')) {
>   var ee = document.getElementById('me');
>   var eev = ee.options[ee.selectedIndex].value;	
>   document.getElementById('findme').innerHTML = eev;
>   }
> else {alert('WHY me field NOT FOUND');}

try:

<!DOCTYPE html>
<html>
<head>
<script language="javascript" type="text/javascript">
function xme() {
   if (document.getElementById('me')) {
   var ee = document.getElementById('me');
   var eev = ee.options[ee.selectedIndex].value;
   document.getElementById('findme').innerHTML = eev;
   }
   else {alert('WHY me field NOT FOUND');}
}
</script>
</head>
<body>
<select id="me" onchange="javascript:xme();">
  <option value="Apple">apple
  <option value="Orange">orange
   ...
</select>

<span id="findme"></span>
</body>
</html>

[toc] | [prev] | [next] | [standalone]

#20353

On Wednesday, June 19, 2013 1:10:12 PM UTC-4, Luuk wrote:
> On 19-06-2013 17:09, justaguy wrote:
> 
> > <select id="me">
> 
> >   <option>apple
> 
> >   <option>orange
> 
> >    ...
> 
> > </select>
> 
> >
> 
> > <span id="findme"></span>
> 
> >
> 
> > js after user has selected the above:
> 
> >
> 
> > if (document.getElementById('me')) {
> 
> >   var ee = document.getElementById('me');
> 
> >   var eev = ee.options[ee.selectedIndex].value;	
> 
> >   document.getElementById('findme').innerHTML = eev;
> 
> >   }
> 
> > else {alert('WHY me field NOT FOUND');}
> 
> 
> 
> try:
> 
> 
> 
> <!DOCTYPE html>
> 
> <html>
> 
> <head>
> 
> <script language="javascript" type="text/javascript">
> 
> function xme() {
> 
>    if (document.getElementById('me')) {
> 
>    var ee = document.getElementById('me');
> 
>    var eev = ee.options[ee.selectedIndex].value;
> 
>    document.getElementById('findme').innerHTML = eev;
> 
>    }
> 
>    else {alert('WHY me field NOT FOUND');}
> 
> }
> 
> </script>
> 
> </head>
> 
> <body>
> 
> <select id="me" onchange="javascript:xme();">
> 
>   <option value="Apple">apple
> 
>   <option value="Orange">orange
> 
>    ...
> 
> </select>
> 
> 
> 
> <span id="findme"></span>
> 
> </body>
> 
> </html>


When I looked deeply I noticed the id attribute was REMOVED! of course it couldn't be found.  This FORM has los of elements, each has an id (it's been like that for a while...)
Some criminal is really EVIL... (hacked my computer and probably is being paid for doing that...)

[toc] | [prev] | [next] | [standalone]

#20351

To justaguy

use the onchange event handler in the Select element
check -> http://www.webdevout.net/test?0S&raw

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web