如何编辑HTML< select>元素与Greasemonkey？ [英] How do you edit an HTML <select> element with Greasemonkey?

问题描述

有一个宠物小精灵战斗模拟器叫做Pokemon Showdown。客户端是封闭的源码，所以我无法添加一个层到我的服务器。我想编辑最后一个下拉列表来添加一个层次。

There is a Pokemon battle simulator called "Pokemon Showdown". The client is closed source so I can't add a tier to my server. I would like to edit the final battle dropdown to add a tier.

我想更改：

<select id="lobby-format" onchange="return rooms['lobby'].formSelectFormat()">
  <option value="randombattle" selected="selected">Random Battle (rated)</option>
  <option value="unratedrandombattle">Unrated Random Battle</option>
  <option value="ou">OU (rated)</option>
  <option value="cap">CAP (rated)</option>
  <option value="ubers">Ubers (rated)</option>
  <option value="uu">UU (rated)</option>
  <option value="ru">RU (rated)</option>
  <option value="nu">NU (rated)</option>
  <option value="lc">LC (rated)</option>
  <option value="hackmons">Hackmons (rated)</option>
  <option value="balancedhackmons">Balanced Hackmons (rated)</option>
  <option value="glitchmons">Glitchmons (rated)</option>
</select>

to：

<select id="lobby-format" onchange="return rooms['lobby'].formSelectFormat()">
  <option value="randombattle" selected="selected">Random Battle (rated) </option>
  <option value="unratedrandombattle">Unrated Random Battle</option>
  <option value="ou">OU (rated)</option>
  <option value="cap">CAP (rated)</option>
  <option value="ubers">Ubers (rated)</option>
  <option value="uu">UU (rated)</option>
  <option value="ru">RU (rated)</option>
  <option value="nu">NU (rated)</option>
  <option value="pu">PU (unrated)</option>
  <option value="lc">LC (rated)</option>
  <option value="bwcup">BW Cup (unrated)</option>
  <option value="hackmons">Hackmons (rated)</option>
  <option value="balancedhackmons">Balanced Hackmons (rated)</option>
  <option value="glitchmons">Glitchmons (rated)</option>
</select>

（插入2 < options> 选择地点。）

(Inserting 2 <options> at select locations.)

推荐答案

好的，尝试：

var opt = document.createElement("option");

var content = document.createTextNode("PU (unrated)");
opt.appendChild(content);

var attr = document.createAttribute("value");
attr.nodeValue = "pu";
opt.setAttributeNode(attr);

var targetEl = document.getElementById("lobby-format");
targetEl.appendChild(opt);

这将只添加一个选项，但我想你得到的点。

This will add just one more option, but I guess you get the point.

这篇关于如何编辑HTML< select>元素与Greasemonkey？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！