如何将选中的值传递给html中select标签内的javascript函数?

时间:2012-01-11 06:43:05

标签: javascript

<form>
<SELECT NAME="sel" onChange="split(selected value)">
<OPTION VALUE=1>Milk</option>
<OPTION VALUE=2>tea</option>
<OPTION VALUE=3>water</option>
<OPTION VALUE=4>coffee</option>
</SELECT>
</form>

您好我需要立即在此select标签内传递所选值,所以请帮助我

4 个答案:

答案 0 :(得分:2)

不是我同意你在这里做的事情(在标签旁边),从技术上讲,你可以通过以下方式做你所要求的事情:

<form>
<SELECT NAME="sel" onChange="split(this.value)">
<OPTION VALUE=1>Milk</option>
<OPTION VALUE=2>tea</option>
<OPTION VALUE=3>water</option>
<OPTION VALUE=4>coffee</option>
</SELECT>
</form>

答案 1 :(得分:1)

你不能将值直接传递给处理程序,但你可以在其中获取值,我建议在代码中执行此操作,而不是使用内联事件处理程序:

var select = document.forms[0].sel;
select.onchange = function(){
   var value =  select.options[select.selectedIndex].value; // to get Value
   var text =  select.options[select.selectedIndex].text; // to get Text
}

这是一个有效的例子:

http://jsfiddle.net/c2SrV/

答案 2 :(得分:1)

<html>
<head>
<script>
function split(value)
{
  alert(value);
}
</script>
</head>
<body>
<form>
<SELECT NAME="sel" onChange="split(value)">
<OPTION VALUE=1>Milk</option>
<OPTION VALUE=2>tea</option>
<OPTION VALUE=3>water</option>
<OPTION VALUE=4>coffee</option>
</SELECT>
</form>
<body>
</html>

使用&#34;价值&#34;。希望这很有帮助

答案 3 :(得分:0)

this.options[this.selectedIndex].value

*假设您想将其内联在onchange属性