2014-01-17 2 views
1

갖는 어려움에 루비에 select_tag에 클래스를 추가합니다 :어떻게 이런 일에 클래스 태그를 추가 레일

<div class="field"> 
    <%= label_tag(:school_or_org, "Are you a school or a non-profit organization?") %> 
    <%= select_tag(:school_or_org, options_for_select([ ['school', "school"], ['non-profit', "non-profit"] ])) %> 
    </div> 

이 다른 사람의 사이에서, 나는 무엇을 시도했다입니다 :

 <div class="field"> 
     <%= label_tag(:school_or_org, "Are you a school or a non-profit organization?") %> 
     <%= select_tag(:school_or_org, options_for_select([ ['school', "school"], ['non-profit', "non-profit"], {:class => 'form-control'} ])) %> 
    </div> 

I firefbug를 통해 확인하십시오. 클래스 정보가 표시되지 않으므로 추가되지 않습니다.

어떻게 추가 할 수 있도록 양식에 표시 되나요?

메르

편집 하나는

당신은 다음과 같은 의미합니까 : 그것은 작동하지 않았다

<%= select_tag(:school_or_org, options_for_select([ ['school', "school"], ['non-profit', "non-profit"]]), {:class => 'form-control'}) %> 

.

그냥 참조 용으로 선택 상자 모양을 표시하려고합니다 : http://getbootstrap.com/css/#forms (섹션 선택 참조). 그것이 'form-control'이있는 곳입니다.

+0

당신이 클래스는 선택 상자 또는 선택 옵션에 추가 하시겠습니까? – patrickmcgraw

+0

@patrickmcgraw, 선택 상자로 생각합니다. – user273072545345

답변

10

, 당신이 그렇게처럼 HTML 옵션 다음에 해시 빈 옵션이 필요합니다

당신이 클래스는 옵션에 적용하려면

다음 각 배열 요소는 클래스 선언과 같이 필요 : 당신의 예제와

select(object, method, choices, options = {}, html_options = {}) 

, 즉는 다음과 같이 보일 것이다 :

<%= select(:school_or_org, options_for_select([ ['school', "school"], ['non-profit', "non-profit"]]), {}, {:class => 'form-control'}) %> 

는 0123을 사용하는 경우, 당신은 옵션 해시의 일부로서 끝에 해시에 추가 할 수 있습니다 인식되지 않은 옵션은 표준 HTML 속성에 전달되기 때문에

select_tag(name, option_tags = nil, options = {}) 

이 작동합니다. 귀하의 예제와

, 그것은 다음과 같이 보일 것이다 :

<%= select_tag(:school_or_org, options_for_select([ ['school', "school"], ['non-profit', "non-profit"]]), {:class => 'form-control'}) %> 
+0

이것은 내가 대답을 복사 할 때 얻는 것입니다 : "잘못된 숫자의 인수 (4 for 3)"... 그리고 나는 다른 것을 수정하지 않았습니다. 왜 그 대답이 나오지? – user273072545345

+0

죄송 합니다만, 저는'select' 헬퍼가 아니라'select_tag' 헬퍼를 생각하고있었습니다. 차이점에 대한 설명으로 내 대답을 수정했습니다 (참고 자료 포함). 이제 둘 중 하나가 작동합니다. – benjaminjosephw

2

클래스를 선택 상자 자체에 넣으려면 여기에서 괄호 중첩 오류가 발생합니다. 전화는 {:class => 'form-control'} 스 니펫이 괄호 외부에 있어야합니다. 당신이 the select helper를 사용하는 경우 ['non-profit', "non-profit", {:class => 'form-control'}]

+0

내 게시물을 내가 한 일과 함께 업데이트했습니다. 여전히 효과가 없었습니다. 내가 뭘 잘못 했니? – user273072545345