Question

是否可以在下拉菜单中对个人执行javascript功能？到目前为止我有这个

 <select class="btn dropdown-toggle" ONCHANGE="swapContent('+value+');">

<option onClick="return false" ONCHANGE="javascript:swapContent('Prva');">Kategorija</option>
<option onClick="return false" ONCHANGE="javascript:swapContent('Druga');">2</option>
<option onClick="return false" ONCHANGE="javascript:swapContent('Treca');">3</option>
<option>4</option>
<option>5</option>
</select>

但我没有运气:(

EDITED 很多人给了我一个asnwer，即使我得到了投票，但这不适用于AJAX，我将扩展我的问题，功能：

function swapContent(cv) {
    $("#myDiv").html('').show();
    var url = "ajax.php";
    $.post(url, {contentVar: cv} ,function(data) {
       $("#myDiv").html(data).show();
    });
}

这里很简单，ajax.php

$contentVar = $_POST['contentVar'];
echo $contentVar;

解

    <select class="btn dropdown-toggle" ONCHANGE="swapContent(this.value);">

<option>Kategorija</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>

Answer 1

为onclick标记onchange和options的原因是什么？相反，只需在 onchange 标记中包含 select 即可。

<select class="btn dropdown-toggle" ONCHANGE="swapContent(this)">

<option value='Prva'>Kategorija</option>
<option value='Druga'>2</option>
<option value='Treca'>3</option>
<option>4</option>
<option>5</option>
</select>

<强> JS：

function swapContent(that) {
    alert(that.value);
}

选中此JSFiddle

希望你明白。

Answer 2

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
 function swapContent(cv) {
    $("#myDiv").html('').show();
    var url = "ajax.html";
    $.post(url, {contentVar: cv} ,function(data) {
       $("#myDiv").html(data).show();
    });
}
</script>
</head>
<body>
<select onchange="swapContent(this);">

<option>Kategorija</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</body>
</html>

在选项值上执行javascript函数？

2 个答案: