Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Помогите со скриптом новичку (https://javascript.ru/forum/jquery/36302-pomogite-so-skriptom-novichku.html)

mjav4ik 11.03.2013 12:23

Помогите со скриптом новичку
 
Добрый день. Пытаюсь написать условие, но никак не получаеться.

Идея такова: если выбрать селект (валуе которого = 7), тогда $('#textfield').css('display', 'block'); из невидемого превращаеться в видимое поле

Код:

<html>
<head>
 
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
 
<script type="text/javascript">
    $(document).ready(function(){
        if ("#dosvid_copy ").val() == 7) {
            $('#textfield').css('display', 'block');
}
 
            else  {$('#textfield').css('display', 'none');
            }
        });
   
</script>
 
</head>
<body>
<input style="width:600px" id="textfield" type="text" />
 
<select id="dosvid_copy" class="rsform-select-box" name="form[dosvid_copy][]">
 
<option value="1">До 1500 грн.</option>
<option value="2">Від 1500 до 2000 грн.</option>
<option value="3">Від 2000 до 3000 грн.</option>
<option value="4">Від 3000 до 5000 грн.</option>
<option value="5">Від 5000 до 7000 грн.</option>
<option value="6">Більше 7000 грн</option>
<option value="7">Вкажіть свій варіант </option>
</select>
</body>
</html>


danik.js 11.03.2013 12:57

Нужно обрабатывать событие изменения селекта - событие change
<!DOCTYPE html>
<html>
<body>
    <input style="width:600px" id="textfield" type="text" hidden />
    <select id="dosvid_copy" class="rsform-select-box" name="form[dosvid_copy][]">
        <option value="1">До 1500 грн.</option>
        <option value="2">Від 1500 до 2000 грн.</option>
        <option value="3">Від 2000 до 3000 грн.</option>
        <option value="4">Від 3000 до 5000 грн.</option>
        <option value="5">Від 5000 до 7000 грн.</option>
        <option value="6">Більше 7000 грн</option>
        <option value="7">Вкажіть свій варіант </option>
    </select>
    <script src="//code.jquery.com/jquery-latest.js"></script>
    <script>
    $("#dosvid_copy").change(function(){
        $('#textfield').toggle(this.value == 7);
    })
    </script>
</body>
</html>

mjav4ik 11.03.2013 13:30

СПасибо большое! Все оказалось проще, чем я мутил

danik.js 11.03.2013 14:33

jquery лучше отсюда грузить -
//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

mjav4ik 15.03.2013 17:28

спасибо, поправил


Часовой пояс GMT +3, время: 07:44.