предупреждение после выбора второй опции с помощью javascript и html

Добрый день, я новичок, используя javascript. Вот как работает код: Drop drown select/option (tan) заполняет второй параметр (действие). Моя проблема в том, что после выбора второго варианта (действия) предупреждение не отображается ... Пожалуйста, любезно помогите мне. спасибо заранеепредупреждение после выбора второй опции с помощью javascript и html

<html> 
<head><title>wahaha</title> 
<link href="styles.css" rel="stylesheet" type="text/css"> 
<meta charset="UTF-8"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript" src="jquery-1.12.3.js"></script> 
<script> 
$(document).ready(function() 
{ 
    $("#type").change 
    (function() 
{ 
var val = $(this).val(); 
if (val == "tan") 
{ 
$("#size").html("<select id='m'><option value='test'>nope</option><option value='action'>action</option></select>"); 
if (val == "action") 
{ 
    window.alert(5 + 6); 
} 
else if (val == test) 
      { 
       window.alert(5 + 6); 
      } 
      else{ alert("sample code"); } 
     } 

     else if (val == "-- select one --") 
     { 
      $("#size").html("<option value='test'>disney</option><option value='test2'>disneyt</option>"); 


     } 
     else if (val == "green") 
     { 
      $("#size").html("<option value='test'>olive</option><option value='test2'>mantis green</option><option value='test2'>jungle green</option><option value='test'>asparagus</option>"); 

     } 
     else if (val == "blue") 
     { 
      $("#size").html("<option value='test'>azure</option><option value='test2'>cerulean</option>"); 
     } 

} 
    ); 
}); 
</script> 
</head> 
<body> 
<form> 

<select id="type"> 
     <option value="-- select one --">-- select one -- </option> 
     <option value="tan">tan</option> 
     <option value="green">green</option> 
     <option value="blue">blue</option> 

</select> 
<select id="size"> 
    <option value="">-SIZE -- </option> 
    <option value="">size </option> 
    </select> 
<br><br> 
</form> 
</body> 
</html>

источник

2016-05-03 Sasuke Scend

<html> 
<head><title>wahaha</title> 
<link href="styles.css" rel="stylesheet" type="text/css"> 
<meta charset="UTF-8"> 
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script> 
<script> 

$(document).ready(function(){ 
    $("#type").on("change",function(){ 
    // #type Select is selected 

    var val = $(this).val(); 

    if(val == "tan") 
     $("#size").html("<option value='test'>nope</option><option value='action'>action</option>"); 
    else if(val == "-- select one --") 
     $("#size").html("<option value='test'>disney</option><option value='test2'>disneyt</option>"); 
    else if(val == "green") 
     $("#size").html("<option value='test'>olive</option><option value='test2'>mantis green</option><option value='test2'>jungle green</option><option value='test'>asparagus</option>"); 
    else if(val == "blue") 
     $("#size").html("<option value='test'>azure</option><option value='test2'>cerulean</option>"); 
    }); 

    $("#size").change(function(){ 
    // #size Select is selected 

    var val2 = $(this).val(); 

    if(val2 == "action") 
     alert(5 + 6); 
    else if(val2 == "test") 
     alert("sample code"); 
    }); 


}); 
</script> 
</head> 
<body> 
<form> 

<select id="type"> 
     <option value="-- select one --">-- select one -- </option> 
     <option value="tan">tan</option> 
     <option value="green">green</option> 
     <option value="blue">blue</option> 

</select> 
<select id="size"> 
    <option value="">-SIZE -- </option> 
    <option value="">size </option> 
    </select> 
<br><br> 
</form> 
</body> 
</html>

"действие" значение в # выберите размер. Так что не бегите. Но он работает сейчас.

источник

2016-05-03 05:31:14

Спасибо большое! –

Ваш вопрос не из-за какой-либо ошибки, если, как это предлагается в другой ответ.

Ваша проблема в том, что функция change никогда не срабатывает для второй выпадающей ака с номером #side.

Что вам нужно сделать?

Вы должны добавить click слушателя слушать последующее изменение стоимости #size, а затем вызвать тревогу.

DEMO

Вот demo, что вам нужно do.Feel бесплатно добавить условия в соответствии с вашей requirements.The текущее состояние работы по выбору действия.

источник

2016-05-03 05:29:50

Thankyou так много! –

Пожалуйста, используйте alert() вместо window.alert().

alert(5 + 6);

Пожалуйста, проверьте ниже

else if (val == 'test') instead of else if (val == test)

Это позволит решить вашу проблему.

источник

2016-05-03 05:35:45

предупреждение после выбора второй опции с помощью javascript и html

ответ

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