Execute javascript function on option value?

Question

Is it possible to execute a javascript function on individual 's in a dropdown menu? I have this so far

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

But i have no luck :(

EDITED Lots of you gave me an asnwer, even i got vote down but this is not working with AJAX, i will extend my question, with function:

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

And here is simple 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>

Answered here: http://stackoverflow.com/questions/11179406/jquery-get-value-of-select-onchange — Pete Thorne, Oct 08 '13 at 15:43
@PeteThorne You cannot expect that every user has got expirence with jquery or is allowed to use jquery. — Reporter, Oct 08 '13 at 15:44
try my updated example. you should remove the ONCHANGE and ONCLICK attributes from your — kwikness, Oct 08 '13 at 15:58
also you have an extra ending tag symbol in your first line :) — kwikness, Oct 08 '13 at 16:04

score 1 · Answer 1 · answered Oct 08 '13 at 15:44

1

why onclick and onchange for options tag? Instead it is enough to have onchange event in select tag.

<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);
}

Check this JSFiddle

Hope you understand.

answered Oct 08 '13 at 15:44

Praveen

55,303
33
133
164

I understant, this with alert is ok, but i have edite my question – Miomir Dancevic Oct 08 '13 at 15:55
If i do this – Miomir Dancevic Oct 08 '13 at 15:58
@Gorostas `'this'` is a string representation. try without quotes "swapContent(this)" – Praveen Oct 08 '13 at 16:00
Of course, if i to 'this' I got something, if i do only this i got nothing, in Ajax.php i have simple $contentVar = $_POST['contentVar']; echo $contentVar; – Miomir Dancevic Oct 08 '13 at 16:02

kwikness · Answer 2 · 2013-10-08T16:10:29.317

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>

edited Oct 08 '13 at 16:10

answered Oct 08 '13 at 15:42

kwikness

1,425
4
21
37

@kwikness as far as I know, binding onChange on an option element is not valid and has not an effect. – Reporter Oct 08 '13 at 15:46
Sorry it was my fault – Reporter Oct 08 '13 at 15:49
– Miomir Dancevic Oct 08 '13 at 16:32

Execute javascript function on option value?

2 Answers2