Member Avatar for anandhikrishnan

hi all,

I have a html code like
<select id="search">
<option id="21" value="internal">
.
.
.

using document.getelementbyId("search").value
i get internal but i need to get id of internal..

how can i do that help me..

  • 3 Contributors
  • 2 Replies
  • 103 Views
  • 13 Hours Discussion Span
  • Latest Post Latest Post by Airshow
Member Avatar for qazplm114477

I'm not entirely sure on what you're trying to achieve here but hopefully this may help.

//the reason why you get internal is because of the .value
document.getelementbyId("search").value 

//to get the first option do this
document.getElementById("search").options[0]

//if you want to get the ID of the first option do this
document.getElementById("search").getElementsByTagName('option')[0].id; //this should return 21
Edited by qazplm114477 because: n/a
Member Avatar for Airshow

Anandhikrishnan,

What Qazplm says or more conventially:

var el = document.getElementById("search");
var id = (el && el.options.length) ? el[el.selectedIndex].id : null;

For the record (and if I recall correctly) obtaining value directly with selectElement.value is problematic in that some browser(s)/version(s) return 'undefined'.

A safer way to get value is a slight modification of the code above for id:

var el = document.getElementById("search");
var id = (el && el.options.length) ? el[el.selectedIndex].value : null;

In both cases, null is returned if the select element does not exist or if it has no options.

Airshow

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.