ich möchte in JQuery wenn man auf ein select klickt das zB eine DIV Box mit der ID die man vom select bekommt angezeigt wird.
Das habe ich bisher hinbekommen nur möchte ich das die anderen wieder ausgeblendet werden wenn man zB Key 1 klickt kommt die div Box Key 1 ,
Div Box 2 und 3 sind ausgeblendet usw.
ich kann das sehr schlecht erklären deshalb vielleicht hilft euch der Code den ich gemacht habe:
jsfiddle:
PHP Code:
------- HTML BEREICH ------
<select id="kategorie" name="kategorie" class="form-control">
<option value="1">Test1</option>
<option value="2">Test2</option>
<option value="3">Test3</option>
</select>
<div id="1" style="display: none;"> Test 1 wird angezeigt , Test2 und Test3 sind nicht zusehen!</div>
<div id="2" style="display: none;"> Test 2 wird angezeigt , Test1 und Test3 sind nicht zusehen! </div>
<div id="3" style="display: none;"> Test 3 wird angezeigt , Test1 und Test2 sind nicht zusehen! </div>
---------- JQUERY BEREICH-------
$(function() {
$('#kategorie').on('change', function(){
var selected = $(this).find("option:selected").val();
//alert(selected);
$('#'+selected).show();
});
});