データ型「複数選択リスト」を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>
見た目はこんな感じ。いけてないですね。
チェックボックス
先ほどのコードを下記の様に変更していきます。
<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>
するとチェックボックスに変わっています。すっきりしましたね。
データもちゃんと反映されると思います。
まとめ
Salesforceの話というよりは、ほぼHTMLの話のような気もしますが、気にしない気にしない。
参考