-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/ 随时修改并向我提出任何意见。:)

4

2 回答 2

0

您正在尝试通过其 id 选择元素，但它没有只是一个名称给它一个 id 然后您可以通过它的 id 选择它，select 的值也是 1 和 2 不是 Yes 和 No

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

...
if (stringt === "1") {
于 2013-07-22T03:22:54.077 回答
0

你有多个错误

更正的代码如下

<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-22T03:28:06.497 回答