De PHPhulp kroeg
[jQuery] Divje tonen bij kiezen in selectbox
Hoe krijg ik dat ook alweer voor elkaar in jQuery?
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
$('select').change(function() {
selected = $(':selected', $(this));
if (selected.val() == "nieuws") {
$('#divje').show();
} else {
$('#divje').hide();
}
});
selected = $(':selected', $(this));
if (selected.val() == "nieuws") {
$('#divje').show();
} else {
$('#divje').hide();
}
});
Waarom niet:
Code (php)
1
$('select option[value=nieuws]').click(function(){});
Omdat je ook met toetsenbord een selectset kan navigeren.
Gewijzigd op 19/01/2011 15:01:38 door Thijs Damen
Bedankt....
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<script>
$('#keuze').change(function() {
$('#extra').hide();
selected = $(':selected', $(this));
if (selected.val() == "nieuws") {
$('#extra').show();
} else {
$('#extra').hide();
}
});
</script>
$('#keuze').change(function() {
$('#extra').hide();
selected = $(':selected', $(this));
if (selected.val() == "nieuws") {
$('#extra').show();
} else {
$('#extra').hide();
}
});
</script>
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<form>
<select id="keuze">
<option value="-">Maak je keuze...</option>
<option value="nieuws">Nieuws</option>
</select>
</form>
<div id="extra">
Trolololol
</div>
<select id="keuze">
<option value="-">Maak je keuze...</option>
<option value="nieuws">Nieuws</option>
</select>
</form>
<div id="extra">
Trolololol
</div>
het divje: <div id="extra"> blijft zichtbaar.
How come?
Iemand een idee?
Gewijzigd op 25/01/2011 11:24:53 door - Ariën -
De code zelf werkt wel.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
$(function() {
$('#keuze').change(function() {
$('#extra').hide();
selected = $(':selected', $(this));
if (selected.val() == "nieuws") {
$('#extra').show();
} else {
$('#extra').hide();
}
});
});
</script>
$('#keuze').change(function() {
$('#extra').hide();
selected = $(':selected', $(this));
if (selected.val() == "nieuws") {
$('#extra').show();
} else {
$('#extra').hide();
}
});
});
</script>
Lijkt te werken.
Gewijzigd op 25/01/2011 11:32:44 door - Ariën -
succes!
Gewijzigd op 25/01/2011 11:43:55 door - Ariën -