Показать сообщение отдельно
  #1 (permalink)  
Старый 05.01.2017, 16:37
Аспирант
Отправить личное сообщение для Salvat Посмотреть профиль Найти все сообщения от Salvat
 
Регистрация: 22.02.2016
Сообщений: 98

Один блок скрыть, другой отобразить.
Здравствуйте. Имеется такой код.
Код:
<meta charset="UTF-8">
 <script type="text/javascript" src="js/jquery-1.5.1.min.js "></script>  
<script>  
   $(document).ready(function() {
 
        $('#kvar div').css('display','none');         
 
        $("#view_type").change(function(){                      
            $('#kvar div').css('display','none');  
        
            id = $('#view_type option:selected').val();    
            $('#'+id).show();                                 
        });
 
    });
    </script>
 
    <div id="kvar">
    <div id="28">
    <select name='type[]' id="view_type">
        <option value='249'>Продам</option>
        <option value='250'>Сдам</option>
        <option value='251'>Куплю</option>
        <option value='255'>Сниму</option>
    </select>
    <select name='room[]'  >
        <option value=''>Кол-во комнат</option>
        <option value='1'>1 комната</option>
        <option value='2'>2 комнаты</option>
        <option value='3'>3 комнаты</option>
        <option value='4'>4 комнаты</option>
        <option value='5'>5 комнат</option>
        <option value='6'>6 комнат</option>
        <option value='7'>7 комнат</option>
        <option value='8'>8 комнат</option>
        <option value='9'>9 комнат</option>
        <option value='10'>Студия</option>
    </select>
 
    <select name='view[]'  >
        <option value=''>Вид объекта</option>
        <option value='1'>Новостройка</option>
        <option value='2'>Вторичка</option>
    </select>
        <br/>
            <br/>
Площадь: 
        <input  type="range" name='kvm[]' min="0" max="300" step="10" value="10" /> 
        <output for="jim">1</output> <b style="margin-left:850px;font-size:14px;">мВІ</b>
Этаж:
        <input  type="range" style="margin-left:27px;" name='flen[]' min="1" max="100" step="1" value="1" /> 
        <output for="jim">1</output> <b style="margin-left:850px;font-size:14px;">мВІ</b>
 
    <select name='type_house[]' >
        <option value=''>Тип дома</option>
        <option value='1'>Панельный</option>
        <option value='2'>Кирпичный</option>
        <option value='3'>Блочный</option>
        <option value='4'>Монолитный</option>
        <option value='5'>Деревянный</option>
    </select>
    </div>
    </div>
 
<div id="kvar">
    <div id="255">
    <select name='type[]' id="view_type">
        <option value='249' >Продам</option>
        <option value='250'>Сдам</option>
        <option value='251'>Куплю</option>
        <option value='252'>Сниму</option>
    </select>
    </div>
</div>
Подскажите пожалуйста, как реализовать, если клик произошел по option value="255", тогда блок первый должен скрываться, а второй отобразиться <div id="255"> За ранее благодарю.
Ответить с цитированием