Kód: Vybrať všetko
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="jquery-1.11.2.min.js"></script>
<script src="jquery.dependent-selects.js"></script>
</head>
<body>
<select name="location" class="dependent">
<option></option>
<option value="238">Bolí ma zub > Menej ako týždeň > Pulzujúca bolesť</option>
<option value="239">Bolí ma zub > Menej ako týždeň > Vystreľujúca bolesť</option>
<option value="240">Bolí ma zub > Viac ako týždeň > Pulzujúca bolesť</option>
<option value="241">Bolí ma zub > Viac ako týždeň > Vystreľujúca bolesť</option>
</select>
<script>
$('.dependent').dependentSelects();
</script>
</body>
</html>
díky za radu ale nejak neviem ako to urobiťmjz napísal:Tak napriklad si nahod ten text tam kde ho chces mat, cez CSS mu nastav display: none. A potom cez :selected (http://api.jquery.com/selected-selector/) si môžeš kontrolovať či je potrebná možnosť vybraná, ak áno, tak tomu textu nastavíš display: block
(v prílohe je HTML + JSKód: Vybrať všetko
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="jquery-1.11.2.min.js"></script>
<script src="jquery.dependent-selects.js"></script>
<style type="text/css">
body {font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%;}
select {
-webkit-appearance: button;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px;
-webkit-padding-start: 2px;
-webkit-user-select: none;
background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-position: 97% center;
background-repeat: no-repeat;
border: 1px solid #AAA;
color: #555;
font-size: inherit;
margin: 20px;
overflow: hidden;
padding: 5px 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 300px;
}
div {
color: red;
}
</style>
</head>
<body>
<select name="location" class="dependent">
<option></option>
<option value="001" selected="selected">Bolí ma zub > Menej ako týždeň > Pulzujúca bolesť</option>
<option value="002">Bolí ma zub > Menej ako týždeň > Vystreľujúca bolesť</option>
<option value="003">Bolí ma zub > Viac ako týždeň > Pulzujúca bolesť</option>
<option value="004">Bolí ma zub > Viac ako týždeň > Vystreľujúca bolesť</option>
</select>
<div></div>
<script>
$('.dependent').dependentSelects();
</script>
<script>
$( "select" )
.change(function() {
var str = "";
$( "select option:selected" ).each(function() {
str += $( this ).text() + " ";
});
$( "div" ).text( str );
})
.trigger( "change" );
</script>
</body>
</html>