Question

我有一个值为10,25,50,100的select元素。 Onclick每个我必须调用一个函数。所以你能告诉我如何在点击或选择并按下回车键时访问选择元素的值。

以下是我选择元素的代码：

<select name='rows'>
    <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>

提前谢谢。

Answer 1

这可以通过使用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>

Answer 2

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

Answer 3

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

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

Answer 4

您需要将函数绑定到onchange事件。下面是一个功能性html，说明了它是如何完成的：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<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>

如何在JavaScript中访问select元素的值？

4 个答案: