how to get selected item or value of html-combo box through javascript?

nirmalsingh

218 100+

i have a combo box with id="combo1", i want to get the selected item or value through javascript. help me plz...

Dec 30 '06 #1

Subscribe Post Reply

158215

johnhjohn

I don't know what you want to get the value with but here is an example with a button:

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<script language="javascript">

function combofunction(the_value){
 
// actions that you want to perform
 
}

</script>

</head>

<body>

<select name="htmlcombo">

    <option name="box1" value="Value1">Display Text1</option>

    <option name="box2" value="Value2">Display Text2</option>

    <option name="box3" value="Value3">Display Text3</option>

</select>

<input type="button" name="combovalue" value="Get Combo Value" onclick="combofunction(htmlcombo.value)">

</body>

</html>

Jan 1 '07 #2

acoder

16,027

Expert Mod 8TB

i have a combo box with id="combo1", i want to get the selected item or value through javascript. help me plz...

Use the following code:

Expand|Select|Wrap|Line Numbers

 var combo1 = document.getElementById("combo1");

var val = combo1.options[combo1.selectedIndex].text

If you have the form name, use that instead of getElementById.

Jan 1 '07 #3

ronverdonk

4,258

Expert 4TB

i have a combo box with id="combo1", i want to get the selected item or value through javascript. help me plz...

Easiest way is the following where your JS routine is triggered when you select an item from the drop down box. No need for a submit button.

Expand|Select|Wrap|Line Numbers

 function getCombo1(sel) {

  var value = sel.options[sel.selectedIndex].value;  

}

<select id="combo1" onchange="getCombo1(this)">

<option value="">Select combo</option>

<option value="Value1">Text1</option>

<option value="Value2">Text2</option>

<option value="Value3">Text3</option>

</select>

Ronald :cool:

Jan 1 '07 #4

mukeshrasm

254

100+

@acoder
I have modified this code like this

Expand|Select|Wrap|Line Numbers

 
<input type="button" onclick="change(selectname.options[selectname.selectedIndex].value)"

and passing to the click event of button. code works fine in IE but this does not work in Firefox Mozilla.

Jun 30 '09 #5

acoder

16,027

Expert Mod 8TB

That's because selectname will be undefined. IE is wrong here. You need to either define selectname, or write it out in full twice.

Jun 30 '09 #6

acoder

16,027

Expert Mod 8TB

@acoder
I did type this on January the 1st, 2007, but now I'd say that you should use document.getElementById(), though using the form name via document.forms[] is also valid. I'd also add that you can use the following code (as long as you have set the values of each of the options):

Expand|Select|Wrap|Line Numbers

var combo1 = document.getElementById("combo1").value;

Jun 30 '09 #7

mukeshrasm

254

100+

@acoder
thanks for kind effort to solve the problem!

Jun 30 '09 #8

Bala D

button:

Expand|Select|Wrap|Line Numbers

 <input name="btnGo" value=" Search " class="seinput" type="submit" onclick="javascript:submitSearch();">
 

select option:

Expand|Select|Wrap|Line Numbers

 <select name="category" class="catpinput">

                    <option value="-1" selected="selected">All Category</option>

JS Function:

Expand|Select|Wrap|Line Numbers

 function submitSearch()

{

var catkey = $('.catpinput').val();

window.alert(catkey);

}

Oct 14 '10 #9

acoder

16,027

Expert Mod 8TB

That's not JavaScript (OK, technically, it is, but it requires jQuery which you should mention).

There's also no need to use the "javascript:" protocol in an onclick.

Oct 14 '10 #10

Similar topics

Tk Listbox - Selected Item ?

by: Peter Moscatt | last post by:

I am having trouble understanding the methods for the Listbox from Tk. If I was to select at item in the list using a mouse click (have already created the bind event) - what method returns the...

Python

Mark A selected item on first post. please help

by: Stanley J Mroczek | last post by:

I have tried this with no luck. What i want is to show the selected item on the first post. the selected item is NY but the first in the list shows as selected. If Page.IsPostBack = False Then...

.NET Framework

Treeview Selected Item

by: Marc Jennings | last post by:

Hi There is probably a very simple answer to this, but I am not too familiar with the treeView control... I have a treeview control, populated from a database. I want to be able to get the...

C# / C Sharp

DropDown List Default Selected Item

by: Kris Rockwell | last post by:

Hello (again), I have gotten the dropdown list functionality to work through a few tricks (probably not the most efficient, but it works) but I am not sure how to set the default selected value....

ASP.NET

Selected Item On Bound DDL

by: Randy Rubin | last post by:

Does anyone know how to Make an Item selected in a DropDownListBox when Binding it to data. When it changes it populates another TextBox but the DDLB does not retain it's selected value. Thanks...

ASP.NET

radiobuttonlist get selected item

by: juststarter | last post by:

Hello, I have an aspx file where i've put a placeholder element. On load (page_load) i create dynamically an html table which contains a checkbox and a radiobuttonlist in each tablerow . The...

ASP.NET

how to get HtmlSelect's multiple item value?

by: David | last post by:

I want to get the Sel_142's multiple item's value, and put them in an array. if ( !Sel_142.Multiple ) vo.CA142 = Sel_142.Items.Value; else { Sel_142.Items..... }

C# / C Sharp

Getting the selected item from a listview

by: George | last post by:

Hi all, How can I get the value stored from the selected item and subitems of a listview? Thanks in advance, George

Visual Basic .NET

Menu control - problem with setting selected item

by: Eirik Eldorsen | last post by:

I can't figure out how to set that an level1 and level2 item is selected at the same time. Is this not possible? Here is my code that set selected item: private void UpdateMenu() { foreach...

ASP.NET

Asp:DropDown - get selected item

by: Ronny Mandal | last post by:

Hi! I have an .aspx with some controls that are created dynamically. The items are populated into the box by setting the DataSource-property to a list. In addition I specify the text and value...

ASP.NET

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++