Учитывая стандартный код выбора:
<%= f.select :type_name, [['Genomics','Genomics'],['Proteomics','Proteomics'],['Transcriptomics','Transcriptomics'],['Other','Other'] %>
Может кто-нибудь объяснить, как мне создать текстовое поле, когда выбрано «Другое»? Так что type_name может быть чем-то отличным от опций в select?
Я понимаю, что это простой вопрос, но я еще не нашел краткого ответа!
Есть много способов сделать это, но все они требуют JavaScript. Общий подход, который мне нравится, заключается в том, чтобы поместить в форму скрытое текстовое поле, а затем прикрепить обработчик событий JavaScript к тегу select, который показывает поле, когда выбран вариант «Другое».
Вот суть скрипта, который я обычно использую для этого. Он обрабатывает привязку JavaScript, используя атрибуты данных. Добавьте скрипт в свои активы, затем поместите что-то вроде этого в форму:
<%= f.select :type_name, [['Genomics','Genomics'],['Proteomics','Proteomics'],['Transcriptomics','Transcriptomics'],['Other','Other'] %>
<%= f.text_field :type_name_other, "data-depends-on" => "#object_type_name", "data-depends-on-value" => "Other" %>
где #object_type_name – это HTML-идентификатор раскрывающегося списка.
Вам нужно создать attr_accessor в модели, к которой прикреплен f (например, type_name_other), добавить text_field в форму ниже выбора для type_name_other в div, который изначально скрыт (в CSS: display:none), затем создайте прослушиватель javascript который определяет, когда форма выбора изменилась, и если выбранный ответ «другой», покажите скрытое поле, иначе скройте его. Затем вам нужно будет увидеть, имеет ли type_name_other значение при обработке формы, и использовать его, если это так.
...['Other','Other']], {}, :id => "name_of_id", правильно? 22.05.2014Started GET "/javascripts/depends_on.js"Когда мой depend_on.js находится в активах/javacripts/ есть идеи? 22.05.2014$(document).on('nested:fieldAddedБоюсь! Ну ладно, я буду продолжать затыкаться. Спасибо за вашу помощь! 22.05.2014