2013-04-29 2 views
0

동일한 객체 ID를 가진 내 양식에 f.select fields 두 개가 있습니다. javascriptCSS을 사용하여 상위 필드를 선택하여이 필드를 변경하고 있습니다.레일에서 루비의 여러 선택 필드 변경

<%= f.label :Service_Phase, 'Service Phase' %>  
<%= f.select :Service_Phase, [], { :prompt => 'None' }, class: 'select_phase', disabled: 'disabled' %> 
<%= f.select :Service_Phase, (1..52), { :prompt => 'Select Week' }, class: 'select_week' %> 
<%= f.select :Service_Phase, (1..12), { :prompt => 'Select Month' }, class: 'select_month' %> 

나는 기본적으로 텍스트 'NONE'select box disabled를 표시 할 부모를 선택 필드 값으로 select_field 변경됩니다. 레일에서 이것을하는 깔끔한 방법이 있습니까? 왜냐하면 나는 콘솔에서 week 값을 선택한 후 값을 확인하려고 할 때 빈 문자열을 표시하기 때문입니다. 나는 어디에서 잘못하고 있는지 어떻게 알 수 있습니까? 이것을 어떻게 수정할 수 있습니까? 미리 감사드립니다.

+0

부모 선택 값으로 무엇을 언급하고 있는지 정확히 모르겠지만 방망이를 벗어난다면 여러 폼 요소에 동일한 ID를 사용하지 않는 것이 좋습니다. 나쁜 습관이기 때문에 JS를 사용하기가 어렵습니다. 또는 CSS –

+0

@Mikemarcacci 감사합니다. – Vinay

답변

0

자바 스크립트/jquery를 사용하면 더 나아질 수 있다고 생각합니다. 레일스는 처음부터 2 차 선택 필드를 가능하게하는 방식으로 구축되어 있다고 믿지 않습니다.

+0

나는 자바 스크립트 메이트에서 그것을 얻었다. 모든 select_fields에': service_phase'를 사용하고 있습니다. 그러나 그것만이 처음입니다. 콘솔에 ID 값을 입력 할 때. 그 표시 없음. – Vinay

+0

죄송합니다. 문제를 이해하는 데 어려움이 있습니다. 그렇다면 ID가없는 선택 드롭 다운 목록이 있습니까? 그렇다면 select 문에서 허용되는 두 번째 매개 변수는 원하는 ID입니다. – JoshEmory

+0

예. 첫 번째는 텍스트 NONE을 표시하기위한 것입니다. – Vinay

관련 문제