0

頻繁にアクセスする、編集できない Web サイトがあります。Firefox 用の Greasemonkey と Chrome 用の Tampermonkey の両方を使用して、Javascript を使用してドロップダウンで値を自動的に選択しようとしています。以下は、ドロップダウンの要素です。

<select name="term">
    <option value="12">12 /mo. - $20.95/mo.</option>
    <option value="24">24 /mo. - $17.95/mo.</option>
    <option value="36">36 /mo. - $15.95/mo.</option>
</select>

ご覧のとおり、要素 ID はありません。こことここの回答をたどってみましたが、このドロップダウン要素にはIDがないため、document.getElementsByName代わりに使用するように変更しましたが、何もうまくいきませんでした。document.getElementById

Greasemonkey または Tampermonkey を使用して、その Web ページにアクセスするたびに「36」の値を自動的に選択するにはどうすればよいですか?

4

3 に答える 3

3

属性セレクターを使用して、名前で要素にアクセスできます。その値を設定すると、その値を持つオプションが選択されます。

$("select[name=term]").val("36");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="term">
    <option value="12">12 /mo. - $20.95/mo.</option>
    <option value="24">24 /mo. - $17.95/mo.</option>
    <option value="36">36 /mo. - $15.95/mo.</option>
</select>

于 2015-10-06T20:49:22.793 に答える
1 

// ==UserScript==
// @name         http://stackoverflow.com/questions/32979378
// @match        http://website.with.dropdown.com/*
// @grant        none
// ==/UserScript==
(document.querySelector && document.querySelector('select[name="term"]') || []).value = '36';
<select name="term">
  <option value="12">12 /mo. - $20.95/mo.</option>
  <option value="24">24 /mo. - $17.95/mo.</option>
  <option value="36">36 /mo. - $15.95/mo.</option>
</select>

于 2015-10-13T06:45:48.920 に答える
0

グリースモンキーでjQueryを使用できるようです

// @require       http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js

Greasemonkey で jQuery を使用するにはどうすればよいですか?

その場合、jQuery セレクターは次のようになります。

$("select[name=term]")

https://api.jquery.com/attribute-equals-selector/

于 2015-10-06T20:49:58.910 に答える