2013-10-08 24 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

如果我這樣做