spaces in html selects

[King Albert]

Hi,

My html page contains an array of objects:

[{name:'Admiral Nelson', address:'Trafalgar Square' , city:'London'}, { etc
}]

Please notice the space between Admiral and Nelson.

My html page also contains a <select> with names, among them Karl Marx.

An OnChange event passes the selectvalue to a function which iterates over
the array in search of the selectvalue.
When there are no spaces it finds a match, so my code is basically OK, but
when there are spaces, it doesn't.

thx for any help

Ward

[King Albert]

King Albert <ki**********@forpresident.com> wrote in
news:Xn**********************************@195.130. 132.70:

Hi,

My html page contains an array of objects:

[{name:'Admiral Nelson', address:'Trafalgar Square' , city:'London'},
{ etc }]

Please notice the space between Admiral and Nelson.

My html page also contains a <select> with names, among them Karl
Marx.

An OnChange event passes the selectvalue to a function which iterates
over the array in search of the selectvalue.
When there are no spaces it finds a match, so my code is basically OK,
but when there are spaces, it doesn't.

thx for any help

Ward

typo : replace Karl Marx with Admiral Nelson
I'm doing a phone book app

[McKirahan]

"King Albert" <ki**********@forpresident.com> wrote in message
news:Xn**********************************@195.130. 132.70...

Hi,

My html page contains an array of objects:

[{name:'Admiral Nelson', address:'Trafalgar Square' , city:'London'}, { etc }]

Please notice the space between Admiral and Nelson.

My html page also contains a <select> with names, among them Karl Marx.

An OnChange event passes the selectvalue to a function which iterates over
the array in search of the selectvalue.
When there are no spaces it finds a match, so my code is basically OK, but
when there are spaces, it doesn't.

Perhaps if you showed us your function....

[Matt Kruse]

King Albert wrote:

An OnChange event passes the selectvalue to a function which iterates
over the array in search of the selectvalue.
When there are no spaces it finds a match, so my code is basically
OK, but when there are spaces, it doesn't.

If your code is the problem, it would probably make sense to post the code
here, no? :)

Take your current non-working example and strip away as much as possible to
make a minimal page/code which still exhibits the problem.
This will accomplish two things:
1) Someone trying to help you can focus on the real problem and not be
distracted by other unimportant details
2) You will likely find the source of the problem yourself during the
minimization process.

Good luck!

--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com

[Ward Germonpré]

King Albert <ki**********@forpresident.com> wrote in
news:Xn**********************************@195.130. 132.70:

Hi,

My html page contains an array of objects:

[{name:'Admiral Nelson', address:'Trafalgar Square' , city:'London'},
{ etc }]

Please notice the space between Admiral and Nelson.

My html page also contains a <select> with names, among them Karl
Marx.

An OnChange event passes the selectvalue to a function which iterates
over the array in search of the selectvalue.
When there are no spaces it finds a match, so my code is basically OK,
but when there are spaces, it doesn't.

thx for any help

Ward

Ok,

here's the URL : http://users.telenet.be/namibia

Both css and JS are part of index.html

Target browser is FF 1.5, IE6 won't do

In the rightmost select, try "Brugge" and "De Haan".
De Haan won't work.

thx

Ward

[Matt Kruse]

Ward Germonpré wrote:

here's the URL : http://users.telenet.be/namibia
That is _not_ a simple test case.

Remove everything that isn't related to the problem until you get the
smallest possible page which still doesn't work.
In the rightmost select, try "Brugge" and "De Haan".
De Haan won't work.

I don't know what "won't work" means, since I don't know what is supposed to
happen. I get an error when I choose anything in the right-most select.

--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com

[Ward Germonpré]

"Matt Kruse" <ne********@mattkruse.com> wrote in
news:e3*********@news1.newsguy.com:

Ward Germonpré wrote:

here's the URL : http://users.telenet.be/namibia

That is _not_ a simple test case.

Remove everything that isn't related to the problem until you get the
smallest possible page which still doesn't work.

In the rightmost select, try "Brugge" and "De Haan".
De Haan won't work.

I don't know what "won't work" means, since I don't know what is
supposed to happen. I get an error when I choose anything in the
right-most select.

Hi Matt,

The rightmost dropdownbox selects a city, if you choose one my script
creates a DOM table with all collegues that live in that city. In fact,
any dropdown box you choose or any letters you type in the input boxes
should yield a DOM table.

It works fine on FF 1.5, as long as you don't choose a city that has a
space in its name like "De Haan".

What's bizarre is that this problem only occurs on my rightmost
selectbox, the other selectboxes don't have it even if you select sth
with spaces in it. And the eventhandler is the same !
What error are you getting ?

thx

Ward

[brattn]

In the last select input tag you are not "Quoting" the values with
spaces:
<option value=De Haan>De Haan</option>
should be:
<option value="De Haan">De Haan</option>
the option tag is seeing the attribute value equalling "De" and another
attribute of "Haan" with no value.

The second to last select with spaces works because the values
themselves don't contain the spaces:
<option value=DSEC>directie assistent</option>
Ward Germonpré wrote:

King Albert <ki**********@forpresident.com> wrote in
news:Xn**********************************@195.130. 132.70:

Hi,

My html page contains an array of objects:

[{name:'Admiral Nelson', address:'Trafalgar Square' , city:'London'},
{ etc }]

Please notice the space between Admiral and Nelson.

My html page also contains a <select> with names, among them Karl
Marx.

An OnChange event passes the selectvalue to a function which iterates
over the array in search of the selectvalue.
When there are no spaces it finds a match, so my code is basically OK,
but when there are spaces, it doesn't.

thx for any help

Ward

Ok,

here's the URL : http://users.telenet.be/namibia

Both css and JS are part of index.html

Target browser is FF 1.5, IE6 won't do

In the rightmost select, try "Brugge" and "De Haan".
De Haan won't work.

thx

Ward

[Ward Germonpré]

br****@gmail.com wrote in news:1147095720.595198.233580
@j73g2000cwa.googlegroups.com:

In the last select input tag you are not "Quoting" the values with
spaces:
<option value=De Haan>De Haan</option>
should be:
<option value="De Haan">De Haan</option>
the option tag is seeing the attribute value equalling "De" and another
attribute of "Haan" with no value.

The second to last select with spaces works because the values
themselves don't contain the spaces:
<option value=DSEC>directie assistent</option>

Right. Works!
I knew it had to be something basic.
The script that populates the selects was one of the first things I did
in PHP. So much for code re-use :)
Thank you !

Ward

[Dr John Stockton]

JRS: In article <Xn**********************************@195.130.132. 70>,
dated Mon, 8 May 2006 12:51:20 remote, seen in
news:comp.lang.javascript, Ward Germonpré <ki**********@forpresident.com

posted :

It works fine on FF 1.5, as long as you don't choose a city that has a
space in its name like "De Haan".

Remember to test it with s'Hertogenbosch / s'Gravenhage, Westward Ho!,
København, Ashby-de-la-Zouch, and cities whose names contain accented
characters, unless you can be sure that your list will never need to
include any of those.

--
© John Stockton, Surrey, UK. ?@merlyn.demon.co.uk Turnpike v4.00 IE 4 ©
<URL:http://www.jibbering.com/faq/> JL/RC: FAQ of news:comp.lang.javascript
<URL:http://www.merlyn.demon.co.uk/js-index.htm> jscr maths, dates, sources.
<URL:http://www.merlyn.demon.co.uk/> TP/BP/Delphi/jscr/&c, FAQ items, links.