HTML을 사용하여 양식 요소 배치하기

사용자의 HTML 양식 선택 물을 표에 배치 할 수 있습니까? 따라서, "Favorite Fruits"라는 라벨이 붙은 드롭 다운 메뉴에서 첫 번째 옵션 인 "사과"를 선택한다고 가정 해보십시오. "사과"는 같은 페이지의 표에 나타납니다. 어떤 도움이라도 대단히 감사합니다. 수행 할 작업 : 다음 드롭 다운 메뉴가 있습니다. 사용자가 좋아하는 게임을 선택하면 새로운 div가 표시되어 이유를 묻는 메시지가 나타납니다. 각 선택 항목은 표에 인쇄해야합니다. 어떻게 잘 모르겠다.HTML을 사용하여 양식 요소 배치하기

<tr><td> 
<script> 

var sections = { 
    'TF2': 'section2', 
'why': 'section3', 
}; 
var selection = function(select) { 

for(i in sections) 
    document.getElementById(sections[i]).style.display = "none";  

document.getElementById(sections[select.value]).style.display = "block"; 

} 

</script> 
<form id="survey" action="#" method="post"> 
<tr><td><div id="section1" style="display:block;"> 
    <label for="game">Select Your Favorite Game</label> 
    <select id="game" onchange="selection(this);"> 
       <option disabled selected>Choose</option> 
     <option value="TF2">TF2</option> 
     <option value="LoL">League of Legends</option> 
     <option value="Minecraft">Minecraft</option> 
    </select> 
</div></tr></td> 

<tr><td><div id="section2" style="display:none;"> 
    <label for="type">Why do you like it?:</label> 
    <select id="type" onchange="selection(this);"> 
         <option disabled selected>Options</option> 
     <option value="fun">Fun</option> 
     <option value="easy">Easy</option> 
     <option value="difficult">Difficult</option> 
    </select> 
     </div></tr></td>

페이지의 표에 사용자의 선택을 표시하고 싶습니다. 어떤 아이디어?

출처

2012-12-20 sdweldon

에 @Billy 굴에서 제공하는 링크를 기반으로, 신속하게 알아낼 수 있었다. –

jQuery 라이브러리 및 onchange() 함수를 살펴보십시오. http://api.jquery.com/change/ –

자바 스크립트를 생각하고있었습니다. 어떻게 구현하나요? – sdweldon

내가 만든 방금 this 피들을 살펴보십시오. 너를 가야 해.

나는 jQuery로 거의 경험이 위뿐만 아니라 this one 아니라 당신은 자바 스크립트를 사용해야합니다 :selected

출처

2012-12-21 00:16:29 knoight

HTML을 사용하여 양식 요소 배치하기

답변

관련 문제