-1

JQ スクリプトに問題があり、バグが見つかりません。選択ボックスから [はい] オプションを選択すると、Web サイトに「メール アドレスを入力してください」と表示され、「新しいユーザー名を入力してください」が非表示になります。コードは次のとおりです。

<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 で選択できます。また、選択の値は 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 に答える