자바 스크립트 : 여러 조건문 표시

제출 버튼을 클릭 한 후 텍스트를 표시하는 세 가지 관련없는 질문을하는 양식을 작성 중입니다.자바 스크립트 : 여러 조건문 표시

세 질문 모두에 if-else 문이 포함되어 있습니다. 두 개의 질문은 텍스트 입력이고 하나는 선택 상자이고, 그 다음에 제출 단추가옵니다.

양식을 표시 할 수 있지만 데이터를 입력하고 데이터를 제출하면 원하는 텍스트 대신 빈 양식이 반환됩니다. '경고'메시지를 표시하지 않습니다.

이것은 내가 지금까지 무엇을 가지고 :

<!DOCTYPE HTML> 
<html> 
    <head> 
    <title>Questions</title> 

    <script type="text/javascript"> 

     function questions() 
    { 
    var hours, age, timeday; 
    hours = document.form1.workhours.value; 
    hours = pasrseInt(hours); 
    age = document.form1.years.value; 
    age = parseInt(age); 
    timeday = document.form1.dayofweek.value; 
    } 

     if (hours >= 40) 
     { 
      document.write("Wow, what a hard worker!<br>"); 
     } 
     else 
     { 
      document.write("Better work harder!<br>"); 
     } 
     if ( age >= 65) 
     { 
      document.write("You are Eligible for retirement benefits<br>"); 
     } 
     else 
     { 
      document.write("Sorry, no benefits yet.<br>"); 
     } 
     if (day == "Sunday"); 
     { 
      document.write("No need to pay the meter!<br>"); 
     } 
     else 
     { 
      document.write("Better get some quarters!<br>"); 
     } 

</script> 
</head> 
<body> 
<form name="form1"> 
    How many hours have you worked? <input type="text" name="workhours"><br> 
    How old are you? <input type="text" name="years"><br> 
    What day is it today? 

    <select name="dayofweek"> 
    <option value="???">-Select a Day-</option> 
    <option value="Sunday">Sunday</option> 
    <option value="Monday">Monday</option> 
    <option value="Tuesday">Tuesday</option> 
    <option value="Wednesday">Wednesday</option> 
    <option value="Thursday">Thursday</option> 
    <option value="Friday">Friday</option> 
    <option value="Saturday">Saturday</option> 
    </select></br> 
<p> 
</p> 
    <input type="submit" value="Submit" onClick="questions()"> 
</form> 

</body> 
</html>

출처

2012-10-30 Nero Dietrich

이 페이지가 상쾌 있도록 양식 제출을 취소하지 않는되어있는 문제. onclick에 false를 반환합니다.

<input type="submit" value="Submit" onClick="questions(); return false;">

페이지로드 후 document.write를 사용하면 페이지 내용이 바뀝니다. 페이지에 텍스트를 추가하려면 innerHTML을 사용해야합니다.

출처

2012-10-30 20:32:26 epascarello

자바 스크립트 : 여러 조건문 표시

답변

관련 문제