google-chrome-extension 相关问题

所以我有一个选择元素，我想用我拥有的选项列表替换元素内的所有选项。这是选择元素：所以我有一个选择元素，我想用我拥有的选项列表替换元素内的所有选项。这是选择元素： <select class="select optional" name="order[billing_state]" id="order_billing_state"> <option value="AL">AL</option> <option value="AK">AK</option> <option value="AS">AS</option> <option value="AZ">AZ</option> <option value="AR">AR</option> <option value="CA">CA</option> <option value="CO">CO</option> The rest of the 50 states....</select> 然后这是我想用以下内容替换选择元素选项的列表： <option value=""></option> <option value="AB">AB</option> <option value="BC">BC</option> <option value="MB">MB</option> <option value="NB">NB</option> <option value="NL">NL</option> <option value="NT">NT</option> <option value="NS">NS</option> <option value="NU">NU</option> <option value="ON">ON</option> <option value="PE">PE</option> <option value="QC">QC</option> <option value="SK">SK</option> <option value="YT">YT</option> 我该怎么做？使用 jQuery，您可以清空列表并通过将值列表映射到 <options> 来附加每个项目。 /** jQuery plugins */ (function($) { // Populates a select drop-down with options in a list $.fn.populate = function(list) { return this.append(list.map(item => $('<option>', { text : item, value : item }))); }; })(jQuery); var list = ["AB", "BC", "MB", "NB", "NL", "NT", "NS", "NU", "ON", "PE", "QC", "SK", "YT"]; $('.select.optional').empty().populate(list); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="select optional" name="order[billing_state]" id="order_billing_state"> <option value="AL">AL</option> <option value="AK">AK</option> <option value="AS">AS</option> <option value="AZ">AZ</option> <option value="AR">AR</option> <option value="CA">CA</option> <option value="CO">CO</option> </select> 非 jQuery 解决方案 const list = ["AB", "BC", "MB", "NB", "NL", "NT", "NS", "NU", "ON", "PE", "QC", "SK", "YT"]; populateCombo(emptyCombo(document.querySelector('.select.optional')), list); function emptyCombo(selectEl) { selectEl.options.length = 0; return selectEl; } function populateCombo(selectEl, items) { return appendChildren(selectEl, items.map(item => new Option(item, item))); } function appendChildren(el, children) { return el.append(...children); } <select class="select optional" name="order[billing_state]" id="order_billing_state"> <option value="AL">AL</option> <option value="AK">AK</option> <option value="AS">AS</option> <option value="AZ">AZ</option> <option value="AR">AR</option> <option value="CA">CA</option> <option value="CO">CO</option> </select> 这个普通的 JS 选项就可以解决问题： HTML： <select id="your_select_option_id_name"> <option value="a">Option A</option> <option value="b">Option B</option> </select> Javascript var outletOptions = document.querySelector("#your_select_option_id_name"); // Remove existing options Array.from(outletOptions).forEach((option) => { outletOptions.removeChild(option) }) // get or set your new options here. var newOutletOptions = [["option name 1", "firstValue"], ["option name 2", "secondValue"]] // Add new options newOutletOptions.map((optionData) => { var opt = document.createElement('option') opt.appendChild(document.createTextNode(optionData[0])); opt.value = optionData[1] outletOptions.appendChild(opt); }) jquery 的另一个选项是清空选项，如 Mr.Polywhirl 所说，并循环遍历选项数组并将它们附加到现在为空的下拉列表中。 var newOptions = {"AB": "AB", "BC": "BC", "MB": "MB" }; var $el = $("#order_billing_state"); $el.empty(); // remove old options $.each(newOptions, function(key,value) { $el.append($("<option></option>") .attr("value", value).text(key)); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="select optional" name="order[billing_state]" id="order_billing_state"> <option value="AL">AL</option> <option value="AK">AK</option> <option value="AS">AS</option> <option value="AZ">AZ</option> <option value="AR">AR</option> <option value="CA">CA</option> <option value="CO">CO</option> </select>

javascript google-chrome-extension

回答 0 投票 0

如何使 Google Chrome 主题响应浅色/深色系统设置？

Google Chrome 主题由 manifest.json 定义，我试图找出要放在那里的内容，以使主题响应明/暗系统设置。我没有找到任何文档，但是

google-chrome google-chrome-extension themes

回答 1 投票 0

仅记录控制台中单击的按钮 | Chrome 扩展程序 content.js

我只想将单击的按钮记录在控制台中，无论该按钮是新注入的还是已经存在于页面中。我希望将点击事件附加到所有按钮

javascript google-chrome-extension

回答 1 投票 0

读取下拉列表并单击关闭它们

我正在制作一个浏览器扩展程序，从网站读取数据。目前我将阅读设为下拉列表阅读。目前代码如下所示： const 按钮 = getDropDownListButton(); 按钮.单击();