2013-10-08 25 views
-2

是否有可能在个人的下拉菜单中执行JavaScript功能? 我有这个迄今为止对选项值执行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; 

SOLUTION

<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> 
+0

在这里回答:http://stackoverflow.com/questions/11179406/jquery-get-value-of-select-onchange –

+0

@PeteThorne你不能指望每个用户已经与jquery expirence或被允许使用jquery。 – reporter

+0

尝试我的更新示例。你应该从

回答

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> 
+0

不工作的伙伴:( –

+0

@kwikness据我所知,绑定onChange上的一个选项元素是无效的,并没有效果 – reporter

+0

对不起,这是我的故障 – reporter

1

为什么onclickonchangeoptions标签?相反,只要有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

希望你能理解。

+0

我明白,这与警报是好的,但我已经编辑我的问题 –

+0

如果我这样做