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

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

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

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

Contents

  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

#19856 — How do I get corresponding option field for selected text in html select

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

[toc] | [next] | [standalone]

#19858

"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");
           }

[toc] | [prev] | [standalone]

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

csiph-web