동일한 객체 ID를 가진 내 양식에 f.select fields
두 개가 있습니다. javascript
및 CSS
을 사용하여 상위 필드를 선택하여이 필드를 변경하고 있습니다.레일에서 루비의 여러 선택 필드 변경
<%= 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 값을 선택한 후 값을 확인하려고 할 때 빈 문자열을 표시하기 때문입니다. 나는 어디에서 잘못하고 있는지 어떻게 알 수 있습니까? 이것을 어떻게 수정할 수 있습니까? 미리 감사드립니다.
부모 선택 값으로 무엇을 언급하고 있는지 정확히 모르겠지만 방망이를 벗어난다면 여러 폼 요소에 동일한 ID를 사용하지 않는 것이 좋습니다. 나쁜 습관이기 때문에 JS를 사용하기가 어렵습니다. 또는 CSS –
@Mikemarcacci 감사합니다. – Vinay