Hilight an item in a droplist box

[Mark]

Hi - if I have a string, "wine", how do I search through a droplist box,
and automatically select the item that has "wine" as the text (nb. the
value field will not be the same as the text)?

eg:

ChooseOne
Food
SoftDrink
Wine
Cheese

I want to get my javascript to hilite Wine.

Thanks, Mark

 

[Lasse Reichstein Nielsen]

Hi - if I have a string, "wine", how do I search through a droplist box,
and automatically select the item that has "wine" as the text (nb. the
value field will not be the same as the text)?

The dropdown box is probably a select element, so by "highlight" I
guess you mean to select the option.

The following function selects all options with the correct text. If
there is more than one option with the same text, and the select
doesn't allow multiple selected options, then only the last one will
end up selected.

---
function selectByText(selectRef,text) {
var opts = selectRef.options;
for (var i=0; i < opts.length; i++) {
if (opts.text == text) {
opts.selected = true;
}
}
}
---

In your case, you will, e.g., call that functions as
selectByText(document.forms['myForm'].elements['myFoodSelect'],"Wine");

/L

 

[jon]

Hi - if I have a string, "wine", how do I search through a droplist box,
and automatically select the item that has "wine" as the text (nb. the
value field will not be the same as the text)?

You can use the "text" property of the option object instead of the
value. That will access the text in between the option tags. Something
like this...

function highlightSelect(word) {
for (i=0; i<document.myform.myselect.length; i++) {
if (document.myform.myselect.options.text==word) {
document.myform.myselect.selectedIndex=i;
break;
}
}
}

I'm not exactly sure what the browser compatibility for that is, but
I've been using it for a while with no problems.

best,

jon

http://www.gurupika.com/
http://forums.gurupika.com/