Tampermonkey【スポンサーリンク】みなさんはウェブページを見ていて「コレかコレしか入力されないのに毎回入力するの面倒だな」と思ったこと、ありませんか?ぼくはよく思います。要素名の設定セレクトボックスの設定セレクトボックスへ項目をセット実行してみる参考あとがきセレクトボックスの構文セレクトボックスはこのように記述します。value="3">item-3</option></select>こうすると、item-1~item3の3つの項目が選択できるセレクトボックスが作成されます。item-3スクリプトそれではスクリプトです。選択した項目の文字列を、検索ボックスにセットするということを試してみました。});})();解説まずターゲットになるタグのIDがコチラ。「#hplogo」:Googleのロゴ「#lst-ib」:検索ボックス処理は大まかには3つのブロックに分かれていました。要素名の設定まず先頭のitem変数で、セレクトボックスで選択する項目を設定します。空白(“”)をセットすると、そのまま空文字列となります。生成したHTMLを、selectbox変数にセットしています。属性のセット:attr()変更イベントの設定:on()ページに配置:appendTo().parent()を一緒にやっています。属性の設定が、「attr()」で、nameとidを設定しています。今回の処理にはあまり関係ありませんが、サンプルで設定していたので、そのまま名称変更して設定しています(笑)検索ボックスに、選択した項目を入れるのがコチラ。検索ボックスに値を入れる「$(this).val()」が、$(this):自身(このセレクトボックス)のval():選択要素を表します。それを検索ボックスに設定しています。selectbox.append($("<option>").val(v).text(v));});ここではまずeach......itemに入っている要素を1個ずつループ処理してく処理を行っています。itemの文字列を、optionタグでセレクトボックスに追加しています。value="3">0003</option></select>の形式が完成する訳ですね。実行してみるそれではコレを実行してみましょう。こんな感じで、セレクトボックスが設置されます。コレを選択すると、検索ボックスにその文字列がセットされます。今回はコチラのページを参考にしました。ありがとうございました。yamap55.hatenablog.comあとがきいかがでしたでしょうか?今回は「選択した文字列をそのままセットする」ということをしているだけですが、他のものをセットしたり一気に操作したりするような仕組みを作れば、いろんなページの閲覧が楽になるかなと思います。手始めに旅行サイトの入力を簡素化させる予定です。lisz-works引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。