2014-01-14 2 views
0

У меня есть раскрывающийся список (выберите) на веб-сайте, который не контролируется мной. Но его можно изменить с помощью javascript, html, jquery..etc (они предоставили веб-апплет для при этом)Предупреждение, когда выбрано определенное значение из выпадающего списка

В этом выпадающем меню можно указать идентификатор «Zdd_1». Все, что я хочу, если пользователь выберет «Да» в раскрывающемся списке, тогда только тогда появится предупреждение. Когда пользователь перейдет на страницу. выпадающее меню может быть да или другое значение, но я не забочусь тогда.

Мне нужно это предупреждение только тогда, когда состояние выпадающего списка изменяется с любого значения на «ДА». Я не очень люблю jquery и ajax, поэтому, если это можно сделать просто (просто используя javascript), было бы здорово.

+1

Показать немного кода. что ты уже испробовал? –

+0

Проверьте мой ответ ниже. –

ответ

1

Попробуйте

var dropdown = document.getElementById("Zdd_1"); 
    dropdown.onchange = function(event){ 
     if(dropdown.value=="Yes"){ 
     alert("Your message") 
     } 
    } 

или проверить здесь working demo

+0

простой, легкий и чистый .... это сработало. Хотя я не попробовал другие ответы ... – Sankalp

+0

простой, но с использованием обычного javascript, пытайтесь внедрить новые технологии, такие как jquery и т. Д. –

+1

@ReNiShar это просто, потому что Sankalp сказал нам в своем вопросе, что он новичок в javascript, поэтому я поставил простой способ. –

5

Это можно легко сделать с помощью jQuery.

$('#Zdd_1').change(function(){ 
    if($(this).val() === 'yes') 
     alert("Hi, I'm alert!"); 
}); 

где Zdd_1 быть идентификатор для выбора элемента.

Если вы хотите, конечно, вы можете использовать только javascript.

Javascript:

function selectChange(element) { 
     if (element.options[element.selectedIndex].value == 'Yes') 
      alert("Hi, I'm alert!"); 
    } 

Html:

<select id="Zdd_1" onchange="selectChange(this)"> 
    <option value="Maybe">Maybe</option> 
    <option value="Yes">Yes</option> 
    <option value="No">No</option> 
</select> 
+0

во-первых, я не уверен, что val является правильной функцией здесь, а во-вторых, op говорит «просто javascript», я не думаю, что jQuery - это опция – Alex

+1

OP сказал: «Но он может быть изменен javascript, html, ** jquery ** .. и т.д". И 'val()' кажется правильным решением. –

+0

Это просто возможно в javascript, то зачем использовать jquery для этой простой задачи. –

0

Об изменении dropdown, вы можете проверить, является ли измененное значение "Yes" или нет, если да, то предупреждение текст, который вы хотите.

Попробуйте

Html

<select onchange="changeddl(this)"> 
    <option value="Maybe">Maybe</option> 
    <option value="Yes">Yes</option> 
    <option value="No">No</option> 
</select> 

Javascript

function changeddl($this) 
{ 
    if($this.value=="Yes") 
    { 
     alert("Whatever you want to alert!"); 
    } 
} 

Вы можете проверить скрипку here

0

Попробуйте что-то вроде этого:

Demo

Вы также можете позвонить по телефону function по телефону onchange.

Смежные вопросы