Выбрать option value в jQery

@Tepper · Регистрация: 02.06.2009

Author24 — интернет-сервис помощи студентам

Можете помочь с jQuery?
вообще у меня проблема такая есть список со странами,надо чтобы при выборе из списка "Выбрать свою страну" отображался скрытый обьект

HTML5    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
<p>
<label id="country">Страна</label>
<select id="country" name="country">
<option value="1">Россия</option>
<option value="2">Украина</option>
<option value="3">Беларусь</option>
<option value="4">Выбрать свою страну</option>
</select>
</p>
<p id="country2" style="display:none">
<label>Страна</label>
<input id="countryM" name="countryM" />
</p>

в jquery сделал так(знаю что неправильно)

JavaScript    
        
    Скопировано
1
2
3
$("label#country option value=4").click(function() {
$("country2").slideDown(1000);
});

но как выбрать именно если выбранна option value=4?

Vovan-VE · 30.09.2010, 17:10

Зачем у <label> такой же id? Может, с for перепутали?

HTML5    
        
    Скопировано
1
2
<label for="country">Страна</label>
<select id="country" name="country">

Пробуйте

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
$('#country').change(function(){
    if ($(this).val() == 4) {
        $("#country2").slideDown(1000);
    };
});

@Tepper · 30.09.2010, 17:43 **[ТС]**

все равно не хочет хоть убейся

HTML5    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml4/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>tradesee</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<meta name="description" content="Fancy Sliding Form with jQuery" />
<meta name="keywords" content="jquery, form, sliding, usability, css3, validation, javascript"/>
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript" src="js/sliding.form.js"></script>
</head>
<body>
 
<script type="text/javascript">
$('#country').change(function(){
    if ($(this).val() == 4) {
        $("#country2").slideDown(1000);
    };
});
</script>
  <p>
                                     <label for="country">Страна</label>
                                     <select id="country" name="country">
                                    <option value="1">Россия</option>
                                    <option value="2">Украина</option>
                                    <option value="3">Беларусь</option>
                                     <option value="4">Выбрать свою страну</option>
                                </select>
                            </p>
                            <p id="country2" style="display:none">
                                <label>Страна</label>
                                <input id="countryM" name="countryM" />
                            </p>
                            </body>

Vovan-VE · 30.09.2010, 17:47

Так Вы забыли

JavaScript    
        
    Скопировано
1
2
3
$(function(){
    // а сюда тот JS код
});

Новые блоги и статьи Все статьи Все блоги /
Агрегаты и сущности в DDD микросервисах Javaican 10.04.2025 Разработка современных программных систем часто приводит на распутье: монолит или микросервисы? Даже при выборе микросервисной архитектуры многие команды сталкиваются с проблемой правильного. . .	Многопоточность в C#: Task и параллельное программирование UnmanagedCoder 10.04.2025 Современные процессоры уже давно перестали наращивать тактовую частоту в пользу увеличения количества ядер. Это создало интересную ситуацию: разработчики, привыкшие к последовательному. . .	Линейное решение нелинейной задачи будет применено как метод обработки данных из double buffering. Формулы от LM конечно с ошибками. Hrethgir 10.04.2025 В продолжение Эта LM дала ответ похожий на нормальный. В комментриях мой комментарий - похоже она ошиблась с выведением итоговой формулы, но остальные проверю. Assistant qwen2. 5-14b-instruct . . . .	Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .
Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена). Hrethgir 10.04.2025 В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .	Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .	TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .	Подключение Kafka к Elasticsearch Codd 09.04.2025 Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .