ansaurus

Question

How to access value of select element in JavaScript?

Answer 1

A:

$("select").change(function(){
 alert("Current val "+$(this).val());
});

Chinmayee 2010-09-29 06:42:53

This assumes the OP is using, or is happy to use, jQuery.

chigley 2010-09-29 06:44:01

can I use this in php code?

Rishi2686 2010-09-29 06:51:45

Yes you can include jquery js in your page page. And then add this code inside script tags

Chinmayee 2010-09-29 06:58:11

@Rishi2686: what do you mean? Do you want to use the values of the `<select>` in a php script? In that case you have to submit the form the `<select>` is in `onchange`. Or use Ajax.

captaintokyo 2010-09-29 07:11:38

Thank you @chinmayee!!

Rishi2686 2010-09-29 07:16:42

@captaintokyo , see i have to get clicked value from combobox, and have to pass it to ajax function, value from combobox will be rowperpage.

Rishi2686 2010-09-29 07:19:14

Answer 2

A:

<select id="example_select">
....
$("#example_select").click(function() {
    alert($("#example_select").val());
});

$("#example_select").change(function() {
    alert($("#example_select").val());
});

Alexander.Plutov 2010-09-29 06:46:11

Answer 3

+1 A:

This could be achieved by using Javascript

 echo "<select name=\'rows\' onChange='alertme(this.value)'>";  
 echo "<option name = 'ten' value='10'>10</option>";  
 echo "<option name='twofive' value='25'>25</option>";  
 echo "<option name='fifty' value='50'>50</option>";  
 echo "<option name='hundred' value='100'>100</option>";  
 echo "</select>";


<script>
function alertme(selectValue)
{
    alert(selectValue);
}
</script>

nik 2010-09-29 06:46:40

Answer 4

A:

You need to bind a function to the onchange event. Below is a functional html illustrating how it's done:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
<html>
<head>
    <script type = "text/javascript">
        function myfunc(combo) {    
            var selectedIndex = combo.selectedIndex;
            var selectedVal = combo.value;
            alert("Selected val: " + selectedVal + ", selected index: " + selectedIndex);
        }
    </script>
</head>
<body>
    <select name="rows" onchange="myfunc(this)">
          <option name = 'ten' value='10'>10</option>
          <option name='twofive' value='25'>25</option>
          <option name='fifty' value='50'>50</option>
          <option name='hundred' value='100'>100</option>
    </select>
<body>
</html>

Victor Ionescu 2010-09-29 06:59:56

ansaurus

tags:

views:

answers:

How to access value of select element in JavaScript?

related questions