Chrome扩展程序:更新输入值并点击提交按钮

时间:2016-05-01 14:47:54

标签: javascript jquery google-chrome-extension automation auto-update

您好我是Chrome扩展新手,需要后端帮助。并尝试访问当前所选选项卡的Dom。这样我就可以将endDatePicker ID的值更改为提前1天。例如,2016年5月4日星期三至2016年5月5日星期四

然后还单击“提交”按钮(我不知道你是否可以在拥有DOM之后运行“checkSubmit(); return false;”方法?)

感谢您的帮助

我想要更改的日期选择器

<input name="endDatePicker" type="text" id="endDatePicker" class="tradeDatePickers hasDatepicker valid" readonly="readonly">

需要点击的按钮

<button type="submit" name="UpdateItemSubmit" class="btn btn-signin btn-text tradeformcommonbtn" value="Update Your Existing Listing" onclick="checkSubmit(); return false;">Update Listing<i class="icon-white icon-chevron-right"></i></button>

这是我到目前为止所得到的

的manifest.json         {       “manifest_version”:2,

  "name": "Listing Updater",
  "description": "Update BidorBuy listings",
  "version": "1.0",

  "browser_action": {
   "default_icon": "images/icon.png",
   "default_popup": "popup.html"
  },
  "permissions": [
   "activeTab","tabs"
   ]
}

popup.html

<!doctype html>
<html>
  <head>
    <title>Listing Updater</title>
    <script src="popup.js"></script>
  </head>
  <body>
    <h1>Listing Updater</h1>

    <input name="datepicker" type="text" id="inputdate">
<br />
    <button>Update Listings</button>
    <script src="popup.js"></script>
  </body>
</html>

popup.js

function setdate() {
    var date = document.getElementById("inputdate").value;
    document.getElementById("endDatePicker").innerHTML = date;
}

function update() {
checkSubmit();
}

function runTask() {
  setdate();
  update();
}

function clickHandler(e) {
  setTimeout(runTask, 100);
}

function main() {
}

document.addEventListener('DOMContentLoaded', function () 
{
  document.querySelector('button').addEventListener('click', clickHandler);
  main();
});

0 个答案:

没有答案