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

Groups > comp.lang.javascript > #19858

Re: How do I get corresponding option field for selected text in html select

Show key headers only | View raw

"Tony"  wrote in message news:knf9po$co1$1@dont-email.me...

I have an array called voyageArr where I have the two fields Vesselid and
Vesselname.
I want to add VesselName as display field and Vesselid as the corresponding
field for selected VesselName

Here is the html seelct control
<select id="DDLVesselName">
</select>

Here is how I add data to the html select control. This works fine the
Vesselname is displayed in the html select control.
function Display(flag)
{
       for (var i = 0; i < voyageArr.length; i++)
       {
             $('#DDLVesselName').append($("<option value=" +
voyageArr[i].Vesselid + "></option>").text(voyageArr[i].VesselName));
       }
}


Here is how I get the display field
var ship = $("#DDLVesselName option:selected").text();

How do I write if I want the corresponding option field which is Vesselid
for selected VesselName

//Tony

Here is how I solved my problem.
var select = document.getElementById("DDLVesselName");

           if (select.options.length > 0)
           {
              window.alert("Text: " + 
select.options[select.selectedIndex].text + "\nValue: " + 
select.options[select.selectedIndex].value);
           }
           else
           {
              window.alert("Select box is empty");
           }

Back to comp.lang.javascript | Previous | Next — Previous in thread | Find similar | Unroll thread

Thread

How do I get corresponding option field for selected text in html select "Tony" <tony.johansson@inport.com> - 2013-05-21 10:08 +0200
  Re: How do I get corresponding option field for selected text in html select "Tony" <tony.johansson@inport.com> - 2013-05-21 10:58 +0200

csiph-web