2016-09-06 6 views
-1

드롭 다운 메뉴의 대체품으로 부트 스트랩 양식에 여러 개의 버튼을 사용하려고합니다. 버튼을 여러 개 제출하고 클릭 한 후 플라스크를 체크인 할 수 있지만, 사용자가 양식을 제출하지 않고 필드에 대해 여러 개의 버튼을 선택하고 전체 양식에 대한 최종 무관 한 제출 버튼을 가질 수 있도록하려는 것입니다.버튼으로 부트 스트랩 양식 필드

정상적인 HTML 양식 필드로 보이지 않기 때문에 부트 스트랩 내에서 가능성이 있는지 확실하지 않습니다. 모든 조언을 부탁드립니다!

+1

버튼처럼 보이는 스타일로 된 체크 박스를 사용하지 않는 이유는 무엇입니까? – dirn

+0

해당 옵션을 완전히 잊어 버렸습니다. 고맙습니다! – User

답변

0

어쩌면 당신은 이와 같은 것을 찾고 있습니까?

JsFiddle DEMO

사용자가 버튼을 클릭

<form> 
<input type="text" id="inputbtn1"> 
<input type="text" id="inputbtn2"> 
<input type="text" id="inputbtn3"> 
</form> 

<button onclick="$('#inputbtn1').val('Whatever value you want here')">Option 1</button> 
<button onclick="$('#inputbtn2').val('Whatever value you want here')">Option 2</button> 
<button onclick="$('#inputbtn3').val('Whatever value you want here')">Option 3</button> 

은 값이 입력으로 설정되어있다. 원하는 경우이 입력 필드를 <input type="hidden" id="inputbtn1">으로 변경하여 숨길 수 있습니다.

0

솔직히 말해서 나는 플라스크에 익숙하지 않지만 부트 스트랩으로는 꽤 그렇습니다. 왜 시도하지 Formtastic? Railscasts으로 학습서 시리즈의 두 부분을 모두 확인하는 것이 좋습니다. 그들은 많은 소스 코드를 제공합니다. 한동안 Formtastic을 사용하는 사람이라면 꽤 유용한 도구입니다.

관련 문제