Labyrinth of Wisdom

-This is My Archive-


データ型「複数選択リスト」をWeb To リード(ケース)のフォームでチェックボックス表示

Salesforceにおいて、オブジェクトの項目タイプに複数選択リストというのがありますが、これをHTML上でチェックボックスで表現したい場合のメモ。

事前準備

Web ToリードのHTML生成方法は過去記事をチェックしてください。

複数選択リスト

Web To リードでHTMLを生成すると下記の様になります。

<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">

<form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">

  <input type=hidden name="oid" value="xxxxxxxxxxxxxxx">
  <input type=hidden name="retURL" value="http://">

  <p>
    <label for="yyyyyyyyyyyyyyy">希望曜日:</label>
    <select id="yyyyyyyyyyyyyyy" multiple="multiple" name="yyyyyyyyyyyyyyy" title="2_参加可能曜日・時間">
      <option value="月曜">月曜</option>
      <option value="火曜">火曜</option>
      <option value="水曜">水曜</option>
      <option value="木曜">木曜</option>
      <option value="金曜">金曜</option>
      <option value="土曜">土曜</option>
      <option value="日曜">日曜</option>
    </select>
  </p>
  <p>
    <input type="submit" name="submit">
  </p>
</form>

見た目はこんな感じ。いけてないですね。 f:id:Labyrinth_of_Wisdom:20160518163334p:plain

チェックボックス

先ほどのコードを下記の様に変更していきます。

<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">

<form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">

  <input type=hidden name="oid" value="xxxxxxxxxxxxxxx">
  <input type=hidden name="retURL" value="http://">

希望曜日:
  <p>
    <input type="checkbox" id="yyyyyyyyyyyyyyy" name="yyyyyyyyyyyyyyy" value="月曜">月曜
    <input type="checkbox" id="yyyyyyyyyyyyyyy" name="yyyyyyyyyyyyyyy" value="火曜">火曜
    <input type="checkbox" id="yyyyyyyyyyyyyyy" name="yyyyyyyyyyyyyyy" value="水曜">水曜
    <input type="checkbox" id="yyyyyyyyyyyyyyy" name="yyyyyyyyyyyyyyy" value="水曜">木曜
    <input type="checkbox" id="yyyyyyyyyyyyyyy" name="yyyyyyyyyyyyyyy" value="木曜">金曜
    <input type="checkbox" id="yyyyyyyyyyyyyyy" name="yyyyyyyyyyyyyyy" value="金曜">土曜
    <input type="checkbox" id="yyyyyyyyyyyyyyy" name="yyyyyyyyyyyyyyy" value="土曜">日曜
  </p>
  <p>
    <input type="submit" name="submit">
  </p>

</form>

するとチェックボックスに変わっています。すっきりしましたね。

データもちゃんと反映されると思います。 f:id:Labyrinth_of_Wisdom:20160518163438p:plain

まとめ

Salesforceの話というよりは、ほぼHTMLの話のような気もしますが、気にしない気にしない。

参考

HTMLタグ/フォームタグ/チェックボックスを作る - TAG index Webサイト