-2

是否可以在下拉菜单中对个人执行 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>

但我没有运气:(

已编辑 很多人给了我一个答案，即使我被否决了，但这不适用于 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>
4

2 回答 2

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

希望你能理解。

于 2013-10-08T15:44:06.180 回答
0 
<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>
于 2013-10-08T15:42:04.210 回答