指定したテキスト入力フォームにdatalistを追加して選択もできるようにする

harada 73views 更新:2016年3月11日

WordPressのカスタムフィールドテンプレートを利用しているフォームタグの場合は以下のように記述します。

var parkinglist = '<datalist id="othercharge">';
parkinglist += '<option value="駐車場 1台目"></option>';
parkinglist += '<option value="駐車場 2台目〜"></option>';
parkinglist += '<option value="駐車場 3台目〜"></option>';
parkinglist += '</datalist>';

$('#cftdiv3 .othercharge dl:nth-child(3)').append(parkinglist);
$('#cftdiv3 .othercharge dl:nth-child(3) input').attr('list', 'othercharge').attr('autocomplete', 'off').wrap( '<label for=othercharge_title[3][] class=select></label>' );

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません