입문

현재 제작된 응용 프로그램에는 비망록을 출력하기 위해 collection_select 사용하는 장면이 있다.
솔직히 이 방법에 도달하기 전에 웃는 데 많은 시간이 걸렸다collection_select는 모델 정보에 따라 선택 상자를 생성할 수 있는 방법이다.
구체적으로 보시죠!!

하고 싶은 일

선택 상자에서 사용자가 등록한 주소를 선택 항목으로 준비하고 싶었지만 어떤 기재 방법이 적합한지 전혀 몰랐고 구글을 검색하는 데 상당한 시간이 걸렸다collection_select.

선택 상자 클릭

이렇게, 나는 등록된 주소 일람표를 꺼내고 싶다!!

사용 방법

collection_select(オブジェクト名, メソッド名, 要素の配列, value属性の項目, テキストの項目 [, オプション or HTML属性 or イベント属性])

f.collection_select(メソッド名, オブジェクトの配列, value属性の項目, テキストの項目 [, オプション or HTML属性 or イベント属性])

사용 예

<%= f.collection_select(:address_id, @addresses, :id, :order_address, prompt: "選択してください") %>

위의 collection_select 가 HTML에서 어떤지 확인한 결과 이렇습니다.

<select name="order[address_id]" id="order_address_id"><option value="">選択してください</option>
  <option value="1">1111111京都市田中</option>
  <option value="2">2222222アメリカ佐藤</option>
  <option value="3">3333333インド安井</option>
</select>

각각의 매개 변수를 확인해 보세요!!

첫 번째 매개 변수 →:address_id

첫 번째 매개 변수 (속성 이름) 는 태그를 선택한 id와name 속성과 관련이 있습니다.
이번에 한 말name="order[〜〜〜]" id="order_〜〜〜"의 규격화 거리의 멱 함수.

두 번째 매개 변수 →: @addresses

두 번째 매개 변수(객체의 정렬)는 컨트롤러에 있습니다.@addresses = Address.where(customer_id: current_customer.id)에서 설명한 대로 해당 매개변수의 값을 수정합니다.
즉, 현재 로그인한 사용자 (cuurent_customer) 의 모든 등록된 주소를 가져옵니다.

세 번째 매개 변수 →:id

세 번째 매개 변수 (value 속성 항목) 는 <option value="〜〜〜"> 에 있습니다.설정할 값을 포함하는 열 이름입니다.
이번에 id열의 값을 설정했기 때문에 상술한 것입니다.

네 번째 매개 변수 →:order_address

네 번째 매개 변수 (텍스트 항목) 는 옵션 탭에 설정할 텍스트 <option>〜〜〜</option> 의 값을 포함하는 열 이름입니다.

다섯 번째 매개 변수 → 프롬프트: 선택하십시오.)

마지막은 옵션이지만 추가를 통해 選択してください 문장이 맨 위에 표시됩니다.