자바 스크립트에서 드롭 다운 메뉴가있는 조건부 사용

Question

var macTeamList = "Team" + "<br>"; 
    var macScoreList = "Score" + "<br>"; 
    var nicTeamList = "Team" + "<br>"; 
    var nicScoreList = "Score" + "<br>"; 

$('form').submit(function(e) { 

    if ($('input[name="Player1"]').val() ==="Nic") { 

     e.preventDefault(); 
     var nicTeamValue = $('input[name="Team1"]').val(); 
     nicTeamList += nicTeamValue + "<br>" ; 

     var nicScoreValue = $('input[name="Score1"]').val(); 
     nicScoreList += nicScoreValue + "<br>"; 

     $('#nicteamcolumn').html(nicTeamList); 
     $('#nicscorecolumn').html(nicScoreList); 

     return false; 
    } 

else if ($('input[name="Player1"]').val() === "Mac") { 


     e.preventDefault(); 
     var macTeamValue = $('input[name="Team1"]').val(); 
     macTeamList += macTeamValue + "<br>" ; 

     var macScoreValue = $('input[name="Score1"]').val(); 
     macScoreList += macScoreValue + "<br>"; 

     $('#macteamcolumn').html(macTeamList); 
     $('#macscorecolumn').html(macScoreList); 

     return false; 
} 
}) 

    <form> 

<input name="foo" id="team" class="teamcolumn" type="text" value="Team?"> 
<input name="foobar" id="score" class="inputright" type="text" value="Score?"> 

<input type="submit" value="Go"> 

<select name="select" size="1" id="PID"> 
    <option value="Nic">Nic</option> 
    <option value="Mac">Mac</option> 
    </select> 
</form> 
<div id ="nicteamcolumn" class="teamcolumn TOSRcolumn nicColumn">Team </div> 
<div id="nicscorecolumn" class="scorecolumn TOSRcolumn nicColumn">Score</div> 
<div id="macteamcolumn" class="teamcolumn TOSRcolumn macColumn">Team </div> 
<div id="macscorecolumn" class="scorecolumn TOSRcolumn macColumn">Score</div> 

기본적으로 사용자가 2 개의 텍스트 값을 입력하고 드롭 다운 메뉴에서 2 가지 옵션을 선택할 수 있습니다. 사용자가 "Mac"을 선택하면 "Nic"을 선택하면 두 필드의 정보가 #macscorecolumn and #macteamcolumn으로 인쇄되고 그 반대의 경우도 마찬가지입니다. 목록 변수는 전체 점수 목록을 추적하므로 새로운 점수가 끝까지 추가되고 모두 표시됩니다. 스크립트가 작동하지 않는 이유를 잘 모릅니다. 당신은 조건 그 조건 요소 경우 다른 사용했다

Answer 1

먼저, 코드는 실제로 재 작성을 :) 필요

1. , 당신은 단순히 링크 나 버튼 하나를 추가 할 수 있습니다 당신은 이런 종류의 일을 할 양식을 제출할 필요가 없습니다 (GO 용), 거기에 클릭 기능을 추가하고 거기에 물건을하십시오.
2. 는 또한 나는 ...을 if 문에 대한 구문은

그냥 좀 더 연습하고 JQuery와 문서가 당신의 친구입니다 기억 등 잘못되었다고 쿠날에 동의 :) 여기

은 당신입니다 코드 내가 당신을 위해 작동하도록 조금 수정. 그러나이 양식을 필요로하지 않는다는 것을 기억하십시오. 나는 당신에게 다르게 다시 쓸 시간이 없었습니다. jquery 라이브러리도 포함되어 있습니다. 중요한 점은 놓쳤을 경우를 대비 한 것입니다.

<form> 

<input name="foo" id="team" class="teamcolumn" type="text" value="Team?"> 
<input name="foobar" id="score" class="inputright" type="text" value="Score?"> 

<button id="dostuff" value="Go">Go</button> 

<select name="select" size="1" id="PID"> 
    <option value="Nic">Nic</option> 
    <option value="Mac">Mac</option> 
    </select> 
</form> 
<div id ="nicteamcolumn" class="teamcolumn TOSRcolumn nicColumn">Team </div> 
<div id="nicscorecolumn" class="scorecolumn TOSRcolumn nicColumn">Score</div> 
<div id="macteamcolumn" class="teamcolumn TOSRcolumn macColumn">Team </div> 
<div id="macscorecolumn" class="scorecolumn TOSRcolumn macColumn">Score</div> 
    <script src="js/jquery-1.6.4.min.js"></script> 

<script>  
     var macTeamList = "Team" + "<br>"; 
     var macScoreList = "Score" + "<br>"; 
     var nicTeamList = "Team" + "<br>"; 
     var nicScoreList = "Score" + "<br>"; 

    $('#dostuff').click(function(e) { 
       e.preventDefault(); 
       var teamvalue = $('input[name="foo"]').val(); 
       var teamscore = $('input[name="foobar"]').val(); 
       var pidType = $("#PID").val(); 


     if (pidType =="Mac") { 

      nicTeamList += teamvalue + "<br>" ; 
      nicScoreList += teamscore + "<br>"; 

      $('#nicteamcolumn').html(nicTeamList); 
      $('#nicscorecolumn').html(nicScoreList); 

     } 

      else { 


      macTeamList += teamvalue + "<br>" ; 
      macScoreList += teamscore + "<br>"; 

      $('#macteamcolumn').html(macTeamList); 
      $('#macscorecolumn').html(macScoreList); 


    } 
    }); 
</script> 

Answer 2

어떤 도움 ("somethign 여기에 간다"경우에 당신이 어떤 조건 다른

{경우} // 구문 오류 다른

을 넣어야 할 좋지 않을까) {// 코드} // 올바른 방법을 통해 여기에만 다른

및 것은 당신이 퍼트 한

을 할 수있다; if 문 블록 끝과 else 블록 끝. 구문 오류 모든