javascript - JQuery: onchange イベント

Question

選択でのユーザーの選択に基づいて、テキストファイルを表示/非表示にしようとしています。私の問題は if ステートメントにあると思います。

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>

<script>
$(document).ready(function(){
  $("#drpStatus").change(function(){
    if( $(this).val() == 'Married'){
      $("#txtSpouse").show();
    else
      $("#txtSpouse").hide();
  });
});
</script>

</head>

<body>
<input type="text" id="txtSpouse" style="display:none">
<select name="drpStatus" id="drpStatus">
            <option value="Single" selected="selected">Single</option>
            <option value="Dating">Dating</option>
            <option value="Married">Married</option>
          </select>
</body>

</html>

score 3 · Accepted Answer

{単純な構文エラーです。. の後に余分なものがありますif。それを削除すると、これが機能します。

デモ: http://jsfiddle.net/yNqfM/

js

$("#drpStatus").change(function(){
 if( $(this).val() == 'Married') /*removed the {*/
  $("#txtSpouse").show();
 else
  $("#txtSpouse").hide();
});

score 0 · Accepted Answer

構文エラーが発生しました。ifステートメントの後に{を追加しましたが、終了することはありません。削除するか、} else{/**コード**/}に変更することができます

score 0 · Accepted Answer

以下のコードを試してください：jsFiddleのリンクhttp://jsfiddle.net/kbSrR/

 $(function(){
    $("#drpStatus").change(function () {
        if ($(":selected",$(this)).text() == 'Married') 
            $("#txtSpouse").show();
            else $("#txtSpouse").hide();
        });
    });

javascript - JQuery: onchange イベント

3 に答える 3

Related

Reference