Скрыть и показать не работает

-1

У меня проблема с JQ-скриптом, и я не могу найти ошибку. Когда я выбираю параметр «Да» в окне выбора, на веб-сайте должен отображаться «Введите адрес электронной почты» и скройте «Введите новое имя пользователя». Вот код:Скрыть и показать не работает

<html> 
<head> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script> 

<script> 
$(function() { 
$('#am').on('change', function() { 

    var stringt = $('#am :selected').val(); 

    if (stringt === "Yes") { 
     $("#campos1").hide(); 
     $("#campos2").show(); 
    } else { 
     $("#campos1").show(); 
     $("#campos2").hide(); 
    } 
    }); 
}); 
</script> 
</head> 
<html> 
    <li>Are you already a member? 
    <select name="am"> 
     <option value="1" selected="selected">Yes</option> 
     <option value="2">No</option> 
    </select> 
    </li> 
<div id="campos1"> 
    <li>Type you email address. 
    <input id="Field5" name="institucion_1" type="text" /> 
    </li> 
</div> 
<div id="campos2"> 
    <li>Type a new username. 
    <input type="text" /> 
    </li> 
</div> 
</html>

Вот jSfiddle: http://jsfiddle.net/sushanth009/CcCbQ/5/ Вы можете изменить и предложить мне какие-либо комментарии. :)

источник

2013-07-22 user119177

Вашей скрипка не соответствует коду размещен в этом вопросе. – j08691

Я думаю, вы отправили неправильную скрипку. – Musa

Вы пытаетесь выбрать элемент по его идентификатору, но у него нет ни одного имени, дайте ему идентификатор, тогда вы можете выбрать его по его идентификатору, также значениями выбора являются 1 и 2, а не Да и нет

<select name="am" id="am"> 

... 
if (stringt === "1") {

источник

2013-07-22 03:22:54 Musa

у вас есть несколько ошибок

исправленных код ниже

<html> 
<head> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script> 

<script> 
$(document).ready(function() { 
$('#am').change(function() { 

    var stringt = $('#am :selected').val(); 

    if (stringt === "1") { 
     $("#campos1").hide(); 
     $("#campos2").show(); 
    } else { 
     $("#campos1").show(); 
     $("#campos2").hide(); 
    } 
    }); 
}); 
</script> 
</head> 
<html> 
    <li>Are you already a member? 
    <select name="am" id="am"> 
     <option value="1" selected="selected">Yes</option> 
     <option value="2">No</option> 
    </select> 
    </li> 
<div id="campos1"> 
    <li>Type you email address. 
    <input id="Field5" name="institucion_1" type="text" /> 
    </li> 
</div> 
<div id="campos2"> 
    <li>Type a new username. 
    <input type="text" /> 
    </li> 
</div> 
</html>

источник

2013-07-22 03:28:06 bansi

Скрыть и показать не работает

ответ

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