|
Сообщение от adash
|
код который мог бы добавить к option value
data-hide-on="3" возможности нет
|
зачем тогда вставляли, если не можите
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
var $first = $('#lr1ro'),$last = $('#lr1rowtd'),
hide = {2 : $('option', $last).slice(2,8), 3 : $('option',$last).slice(8,12)},
$targetList = $('#f_lr1rowtd');
var update = function() {
showFirst = [2, 3].indexOf(+this.value) >= 0;
$targetList.toggle(showFirst)
hide[2].add(hide[3]).remove();
showFirst && hide[this.value].appendTo($last);
$last.val(1).change();
};
var update2 = function() {
var val = +this.value;
var showFirst = [3, 4, 5, 6, 7, 8].indexOf(val) >= 0;
var showSecond = [9, 10, 11, 12].indexOf(val) >= 0;
$('#f_lr1rooq').toggle(showFirst);
$('#f_lr1ronq').toggle(showSecond);
};
$first.change(update).change();
$last.change(update2).change();
});
</script>
</head>
<body> <div id="f_lr1ro" class="field ft_list">
<label for="lr1ro">Есть ли у вас авто</label><select name="lr1ro" id="lr1ro">
<option value="1">--</option>
<option value="2">Есть</option>
<option value="3">Нет</option>
<option value="4">Не нужно совсем</option>
</select>
</div>
<div id="f_lr1rowtd" class="field ft_list">
<label for="lr1rowtd">Авто</label><select name="lr1rowtd" id="lr1rowtd">
<option value="1">--</option>
<option value="2">Ничего не делать</option>
<option value="3" >окрасить</option>
<option value="4" >Перебрать/отремонтировать</option>
<option value="5" >Поменять на легковую</option>
<option value="6" >Поменять на бус</option>
<option value="7" >Поменять на мото</option>
<option value="8" >Поменять на джип</option>
<option value="9" >Купить на легковую</option>
<option value="10" >Купить на бус</option>
<option value="11" >Купить на джип</option>
<option value="12" >Купить на мото</option>
</select>
</div>
<div id="f_lr1rooq" class="field ft_number">
<label for="lr1rooq">Сколько лет авто</label>
<input type="text" class="input input-number" name="lr1rooq" value="" id="lr1rooq" size="5">
</div>
<div id="f_lr1ronq" class="field ft_number">
<label for="lr1ronq">Какой пробег нужен</label>
<input type="text" class="input input-number" name="lr1ronq" value="" id="lr1ronq" size="5">
</div>
</body>
</html>