将选项添加到内容脚本上的html <select>
将选项添加到内容脚本上的HTML <select>元素，可以通过以下步骤完成：
- 创建一个HTML <select>元素：
- 创建一个HTML <select>元素：
- 使用JavaScript来为<select>元素添加选项：
- 使用JavaScript来为<select>元素添加选项：
- 监听<select>元素的选择事件并执行相应的操作：
- 监听<select>元素的选择事件并执行相应的操作：
这种方法可以通过JavaScript动态地向<select>元素添加选项，并且可以根据选择的选项值执行不同的操作。
对于腾讯云相关产品和产品介绍链接地址，由于题目要求不能提及具体的云计算品牌商，我无法提供相关链接。但你可以在腾讯云官方网站上查找与云计算相关的产品和文档。
相关·内容
1回答
我正在尝试从db加载选定的值，并在select2上设置它。我使用的是select2 4.0.10版本。我使用ajax加载数据，并在文档准备好后将select选项设置为select2元素。
因此，我尝试使用$("#area").val(selectedValues).trigger("change")；，但似乎没有选择。
这是一些我的看法代码。
<input class="form-control" type="text" id="sourceValues" value="CMS,KDY,RWG"
浏览 3提问于2019-10-04得票数 1
回答已采纳
3回答
虽然我确信这个解决方案非常简单，但我一直在努力解决这个问题！我已经开发了一个下拉菜单，它需要根据最初的选择在显示更多选项之前进行选择。它工作得很好。
但是，我需要让jQuery在没有submit按钮的情况下提交所选选项的值。因此，基本上，当用户选择水果大小时，用户将被带到选项值中的相关页面。我想不出来！下面是我的代码：
jQuery：
<script type="text/javascript">
$(document).ready(function()
{
$('#fruit').change(function()
{
浏览 1提问于2011-02-22得票数 0
回答已采纳
一般来说，我是一个非常非常新手的脚本编写人员，所以请耐心等待。
我正在谷歌工作表上测试一些脚本，运行一个HTML模板。
我的脚本的一部分需要调用数组数据。我正在测试运行这个脚本：
您将看到脚本按预期运行。
但是，当HTML模板从Google Sheets启动时，即使使用相同的代码，数字也不会被填充。
在Google Sheets脚本中，以下函数用于运行HTML模板：
var htmlDlg = HtmlService.createHtmlOutputFromFile('index')
.setSandboxMode(HtmlService.SandboxMode
浏览 0提问于2020-02-20得票数 1
1回答
我有下面这行代码：
html += '<td><select value="<?php echo $location; ?>" class="form-control" name="data[InvoiceDetail]['+i+'][location]" id="location_'+i+'" placeholder="Location"></td>';
这是添加多个动态添加的表数据和行的函数的一部分。我还有其他不会搞
浏览 0提问于2015-08-25得票数 0
我正在尝试使用selectize.js在我的应用程序中的表单上填充一个组合框。
我正试图跟踪，但我对这个电话的时间有点困惑。作者更倾向于在html文件中的指定之后立即初始化select，但我宁愿将所有脚本保存在单独的js文件中。
不管怎样，我做以下几件事
function loadSelect()
{
var myAPI = "my/api/";
var count = 0;
console.log('in loadSelect()');
$('#myselect').empty();
$('
浏览 8提问于2015-08-14得票数 0
2回答
使用类隐藏<option>
、、、、
我相信这真的很简单。但对我来说就是行不通。
我写了一个表单，允许用户使用标签从列表中选择一个月：
<select> <option>
从删除SELECT的那天起对类.gone执行onchange操作，从而显示列表。从onchanve INPUT中删除类.gone，从而显示年份。
我使用PHP将year的值设置为当前年份。我想将month和addClass .gone的值分别取到第31天的OPTION标记(以及2月的29和30 )，这样2月30日等值就不在选项之列了。我将通过4==0检查年份的值，然后检查闰年，而不是addClass .gone，直到2月29日。基本日期选
浏览 0提问于2013-01-23得票数 0
回答已采纳
当我们打开本地html文件时，IE为什么限制JavaScript文件工作？信息是这样写的：
“为了帮助保护您的安全，Internet explorer已限制此网页运行可能访问您的计算机的脚本或ActiveX控件。单击此处查看选项”
有人能告诉我怎么摆脱这个吗？
浏览 0提问于2011-11-16得票数 25
回答已采纳
4回答
我有一个表单，如果选择了一个选项，我想验证它。我不想接受默认的开始选项“请选择一个产品”
我现在使用这个，得到一个未初始化的内容错误。我相信我把语法写错了。主计长：
validates :product_name, :presence => { :unless => (product_name = "Please Select a Product")}
查看：
<span class="span5 pagination-right">
<%= f.label "Product"
浏览 7提问于2013-09-05得票数 3
回答已采纳
我正在开发一个应用程序，将被不同的公司使用。每家公司都应该有自己的应用程序，带有不同的环境变量。因此，我得到了每个公司的名为"env.js“的文件，类似于以下内容：
window.companyName = 'abc';
window.apiUrl='http://localhost:8080/api/';
window.theme='abc';
在编译时，我使用set APP_BUILDENV=acb设置了一个环境变量。然后，我连接到离子构建:before和serve:before钩子来执行一个脚本，该脚本将"env.js“文件
浏览 1提问于2020-04-30得票数 0
当在我的自定义元素中使用mat-select元素时，选项显示在HTML中创建的阴影dom之外，这意味着选项不会显示在select控件的正下方。
据我所知，我需要将ViewEncapsulation设置为ShadowDom。只有这样，我的自定义元素才能在所有浏览器中工作。所以我的问题的解决方案应该是使用ShadowDom。
Component({
selector: 'app-survey',
templateUrl: './survey.component.html',
styleUrls: ['./survey.component.css&
浏览 3提问于2019-01-09得票数 3
2回答
function selectFunction(letter){
document.getElementById("select").innerHTML = "Selection is : " + letter;
}
<html>
<head>
<title>Event on list of elements</title>
</head>
<body>
<div id="select">
<form>
<select onchan
浏览 5提问于2020-02-12得票数 0
回答已采纳
5回答
我有一个网页上的大多数基本的HTML。在其中的一个部分中，我使用JavaScript从外部源(url)加载RSS feed。问题是，我的页面将加载所有内容，直到脚本加载，等待脚本加载(有时长达几秒钟)，然后加载页面的其余部分。
在它首先渲染了整个页面之后，我如何强制它加载脚本？
我的代码是这样的：
<html>
<more html>
<script language="JavaScript" src="http://..." type="text/javascript"></script>
<
浏览 4提问于2012-12-13得票数 10
1回答
简而言之，我希望当您按下上下文菜单中的“我的扩展”按钮时，内容脚本将临时添加到网页中。我试着使用sendMessage()，但是它没有起作用。
(如有任何帮助，将不胜感激：)
//This is the service worker (eventPage)
chrome.runtime.onInstalled.addListener(() => {
chrome.contextMenus.create({
id: 'select',
title: 'select',
type: 'normal',
co
浏览 3提问于2022-01-09得票数 3
3回答
Java脚本代码
$("#category select").change(function(){
var category = $('select option:selected').html();
$.ajax({
type:"Post",
url:"collectiepost.php",
data:"category="+category,
cache:"false",
success:funct
浏览 6提问于2012-07-19得票数 0
回答已采纳
我喜欢mysql客户机程序在交互模式下生成的表输出，但是如果我尝试运行sql脚本，如下所示：
mysql -uroot mydb < myscript.sql
我只能得到制表符分隔的输出。
mysql -uroot mydb -e 'select * from mytable'
但是，它会以所需的表格式生成输出。
如何获取第一个命令以生成表格式的输出？我不想要HTML输出，但要输出具有对齐的列和标题的末尾字符。
浏览 2提问于2011-01-15得票数 9
1回答
我正在为以下问题寻找解决方案/最佳实践。
我有一个带有HTML表单的页面，其中有一个下拉列表和一个提交按钮。下拉框下面是一个空白区域，我希望根据下拉框中的选定值使用表单输入填充该空白区域。我认为这可以用JavaScript完成，但如果可能的话，我更喜欢PHP/客户端的解决方案。
示例HTML：
<form name="initialdropdown" action="#" method="post">
<select name="action">
<option value="
浏览 0提问于2012-10-28得票数 0
回答已采纳
1回答
我有一个需要验证的表单。我使用jQuery验证。我在显示错误信息时有问题。这是我的javascript代码：
$(function () {
$("#submission-form").validate({
rules: {
WorkOrderId: "required",
ActivityId: "required"
},
messages: {
WorkOrderId: "Please choose WO&#
浏览 1提问于2016-02-26得票数 0
回答已采纳
2回答
在使用<select multiple>下拉列表时，我很难找到所选的选项。
因此，我们讨论了如何从下拉菜单中找到用户选择的选项(而不是复数)：、、。
主要问题在下面的代码中。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://d3js.org/d3.v3.min.js"></script>
<style>
浏览 0提问于2014-08-08得票数 1
回答已采纳
2回答
代码如下...我有下拉菜单-这是使用PHP查询SQL，以便填充下拉菜单选项，这是工作正常。
您将看到以下内容- sql查询是静态配置的，我想让它更动态一些。
理想情况下，id就像同一页上的另一个下拉菜单，带有静态配置的国家选项，然后当客户选择哪个国家时，我的PHP脚本将使用sql查询中的国家更新php正在使用的国家...
例如，在我下面的脚本中，它说；
其中，国家/地区='SE‘
我希望它填充与用户曾经在下拉菜单中选择的国家，所以它可以是'FR'，'DE‘或任何国家代码已被选择。
我怀疑这可能是javascript？或者也许php可以做到这一点...？
我是一个
浏览 0提问于2017-02-14得票数 2
我的ajax代码在其他浏览器中运行良好，但在IE中却不能很好地工作。
它正在创建XMLHTTPRequest，但是来自我的PHP脚本的值只是一个空列表！
这是我的Javascript
<script type="text/javascript">
function getcity()
{
$('#stateerr').hide();
state=document.getElementById("ddlstate").value;
// alert(state);
浏览 0提问于2011-03-23得票数 0
2回答
我正在用shell脚本来部署我的主节点。为了设置节点，我希望获得一个可用IP地址的选择，主机稍后应该侦听：
PS3='Please select a network the master should listen onto: '
ips=($(hostname -I))
select ip in "${ips[@]}"
do
case $ip in
"Option 1")
echo "you chose choice 1"
;;
"Q
浏览 5提问于2020-05-08得票数 0
回答已采纳
我正在尝试为我的网页上的三个表格做一个可选项卡导航。我不能让Javascript在标签上工作。Twitter文档中有两个脚本。
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})
和
$('#myTab a[href="#profile"]').tab('show'); // Select tab by name
$('#myTab a:first').tab('show'
浏览 1提问于2012-10-02得票数 1
1回答
在Ubuntu21.04上，我从docker安装了oracle，工作正常，我正在为使用它，但现在我需要在shell脚本中使用它。我不确定它是否能这样工作，或者它是否有更好的方法。我试图运行简单的脚本：
#!/bin/bash
SSN_NUMBER="${HOME}/bin/TESTS/sql_log.txt"
select_ssn () {
sudo docker exec -it oracle bash -c "source /home/oracle/.bashrc; sqlplus username/password@ORCLCDB;" &l
浏览 5提问于2021-05-20得票数 0
回答已采纳
4回答
我已经开发了一个使用$.getJSON从php脚本接收json数据的脚本。JSON数据看起来像'{"options":"smart_exp"}，{"options":"user_intf"}，{"options":"blahblah"}‘
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/j
浏览 4提问于2010-10-22得票数 2
回答已采纳
1回答
我有一台带两个组合框的form。一个是正常的，另一个是dijit.form.Combobox。
<select id="mySel"></select>
<select dojotype="dijit.form.ComboBox" id="dsel"/>
我可以使用下面的脚本将项目添加到普通项目中。
var opt = mySel.appendChild(document.createElement('option'));
opt.text = "My sample text"
浏览 2提问于2013-06-12得票数 3
代码(HTML)
<select id="example" style="width: 300px">
<option value="JAN">January</option>
<option value="FEB">February</option>
<option value="MAR">March</option>
<option value="APR">April&
浏览 1提问于2019-10-01得票数 0
回答已采纳
我正在使用Zikula 1.3.9，但无法获得异步谷歌广告脚本在新闻模块上工作。该脚本以HTML格式出现在屏幕上。
浏览 1提问于2018-04-25得票数 0
5回答
我试图从后台脚本向与HTML页面关联的内容脚本发送一个变量。内容脚本使用从后台脚本接收的变量更新HTML内容。
问题是，我收到了以下错误消息：
Error: Could not establish connection. Receiving end does not exist.
后台脚本main.js
var target = "<all_urls>";
function logError(responseDetails) {
errorTab = responseDetails.tabId;
console.log("Error tab:
浏览 6提问于2017-06-21得票数 26
回答已采纳
我试图在我的所有HTML页面中插入一个google分析脚本，但是当我再次运行该脚本时，文件的内容会被复制。
为什么我的脚本复制文件内容并将其附加到文件的末尾？
如何将分析脚本添加到所有没有分析脚本的文件中？
import fnmatch
import os
track_code = """
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(argu
浏览 1提问于2014-03-11得票数 0
回答已采纳
1回答
我正在尝试用Angular创建可靠的下拉列表。经过几个小时的调试，我发现我的问题出在angular版本上。所以最近版本的Angular在我的下拉列表中生成了一个新的奇怪的选项，看起来像这样的<option value="? string:October ?"></option>。所以，在几次尝试之后，我发现它可以和Angular 1.2.27一起工作。我更喜欢它在新版本的angular上也能起作用。
在最近的版本中，有没有其他方法可以让它发挥作用呢？
下面是我的代码：
<!DOCTYPE html>
<html ng-app="
浏览 1提问于2014-12-09得票数 0
1回答
我已经使用了来标记建议框。我想创建新标签的用户，这是不存在的建议框。例如，如果用户想要创建一个像"Red“这样的新标签，就应该创建它。但是，该插件不允许这样做。在这个问题上，我正在努力追随，但是，我做不到。如何允许为用户创建新标签？
不工作的脚本：
$(".chosen-select").trigger("chosen:updated");
浏览 1提问于2014-08-12得票数 0
1回答
我正在尝试创建一个使用AngularJS显示两个日历控件的jsfiddle：
我的代码在本地工作。
我已经将所有内容复制到jsfiddle，但我通过脚本标记包含模板代码的方法似乎不起作用：
<script type="text/ng-template" id="calendarTemplate">
<div class="header">
<i class="fa fa-angle-left" ng-click="previous()"></i&g
浏览 3提问于2015-08-07得票数 2
回答已采纳
2回答
我有一个简单的HTML5页面，我正在构建，以解决一些滑块的事情。它们在最新版本的Chrome (13+)和火狐(4+)上似乎都没问题。然而，IE9给了我以下消息：
"Internet Explorer限制此网页运行脚本或ActiveX控件。“
在我点击“允许阻止的内容”之前，滑块已经显示出来了。在我点击allow之后，它们就可以正常工作了。
你知道IE为什么会有问题吗？
以下是该页面的代码：
<!DOCTYPE html>
<html>
<head>
<script src="http://www.frequency-decoder.c
浏览 1提问于2011-06-09得票数 0
回答已采纳
我目前有一个脚本可以生成大量3.5英寸见方的SVG图像。我需要的是能够把这些SVG的布局，可以轻松和准确地打印。
我尝试过使用HTML模板，但HTML/CSS不具备足够强大的打印支持。
哪种文档布局语言最适合处理SVG图像，以及如何在脚本语言中实现？
我使用Ruby生成我的SVG，尽管Ruby是首选的，但并不要求Ruby也是用来生成打印布局的语言。
浏览 6提问于2013-01-09得票数 2
回答已采纳
1回答
亲爱的Stackoverflowers：
我正在用纯HTML+PHP编写一个简单的web应用程序。我没有使用任何框架、内容管理器或任何东西。
入口页面有几个复选框、两个文本框和一系列下拉菜单。然后，一旦选择了所有内容，用户单击"Search“按钮，然后运行一些PHP代码并返回输出。
问题出在下拉菜单上。代码如下：
<form action=$script method=\"get\" name=\"org\">
<select name=\"org\" onChange=\"Javascript:document
浏览 2提问于2014-06-27得票数 0
我编写了一个脚本来解析一个文件，获取菜单和子菜单名，并写出一个菜单。我想把这个菜单的html放到页面上。innerHTML对此很好，但问题是我有一个额外的脚本需要在菜单上执行才能使它正常工作。我的脚本完美地制作了菜单的HTML，但它不适用于辅助脚本。我猜这是因为innerHTML直接执行到DOM。相反，我希望用脚本创建的html字符串实际显示在源代码中。
脚本，我需要结合运行它。
<script src=""></script>
<script>
$(function() {
cbpH
浏览 2提问于2013-12-12得票数 2
2回答
我有一个这样的脚本
<script type="text/javascript">
function showSelected(val){
document.getElementById
('selectedResult').innerHTML = "The selected number is - "
+ val;
}
</script>
<div id='selectedResult'></div>
<select name='
浏览 0提问于2012-12-21得票数 0
我用谷歌应用程序脚本制作了一个网络应用程序，并将其部署到网络上。该应用程序在PC上运行良好，但当我将其加载到android上的when视图时，动态填充的<select>菜单将不会显示(它们是空的)。
我知道google与的jquery有问题，所以我不能使用jquery。
问题是，是否有办法使<select>菜单仅使用jquery或javascript？或者我可以在android上表演一些把戏？
下面是我如何使用jquery填充菜单的示例：
function addClients(clients){ //array of options from google spr
浏览 0提问于2014-08-01得票数 1
回答已采纳
<select name="cat1" class="form-control input-lg">
<option value="">All Businesses</option>
<option value="78">Deals</option>
<option value="46">Delivery</option>
<option value="4
浏览 0提问于2015-04-08得票数 0
我正在研究这些密码，需要一些帮助。基本上，我试图获得脚本的结果或输出，并将其放在选项select之间，如下所示：
<select class="form-control" name="property_list">
*insert output javascript here
</select>
下面是完整的脚本。这种方法有可能吗？
<script>
$(document).ready(function(){
$("#client-list").on('
浏览 5提问于2017-05-13得票数 0
回答已采纳
首先，我感谢你的帮助和支持。
如果我想将内容脚本附加到没有id的选项卡上。当单击扩展的按钮时，将打开选项卡，如下所示。
function openIndexPage() {
browser.tabs.create({
"url": "data/index-page.html"
});
} //end openIndexPage
browser.browserAction.onClicked.addListener(openIndexPage);
如何将内容脚本附加到index-page.html？我不能使用普通的<script>
浏览 0提问于2017-06-17得票数 0
回答已采纳
1回答
内容脚本中的侦听器
、、、、
让我解释一下我的问题。我目前正在开发一个Google Chrome扩展，它在每个网页中注入一个工具栏作为iframe。
问题是，在某些情况下，我需要隐藏工具栏，重新显示它等类似的事情。基本上，我想把我的监听器放在我的背景页面上，但这是没用的，因为这个页面不能以图形方式操作对象。所以我的计划是把这个监听器放在一个content_script上(他可以图形化地操作这个对象)。但第二个问题是，与背景页面相对的内容脚本并不总是执行，而是只执行一次。
所以我在问自己，是否有可能通过在内容脚本上放一个循环或类似的东西，让它听起来像是背景页面。
提前谢谢。
我试过了：
manifest.json
{
浏览 0提问于2011-03-01得票数 6
回答已采纳
1回答
我在电子表格的“汇总”选项卡中有一个项列表，这个列表的变化相对频繁，但是选项的数量限制在17个，其中一些选项有时可能是空的。我希望将可用的选项(非空)放入带有下拉列表的弹出窗口中。然后将这个值输入到一个特定的单元格中(现在称它为C55摘要)。
我认为我的GS代码很好，我对HTML组件感到迷茫。列表是没有任何选择的。
.GS
function getValuesFromSpreadsheet() {
var ss = SpreadsheetApp.getActiveSpreadsheet();
var sheet=ss.getSheetByName("Summary");
浏览 2提问于2020-11-24得票数 0
回答已采纳
我正在使用一个脚本从外部网站检索内容，返回的日期中去掉了某些元素，这样它们就不会干扰我要将数据拉到的页面。然而，当我在打开错误控制台的情况下查看我的页面时，我在所有图像上都收到了404。有没有什么办法，我可以从脚本中剥离所有的图像，以便我只得到文本(它仍然在它的格式化标记中)？
$(document).ready(function () {
var container = $('#target');
function doAjax(url) {
if (url.match('^http')) {
$.ge
浏览 2提问于2012-01-04得票数 0
回答已采纳
我目前正在开发一个不同部分的扩展：-后台脚本(Chrome background.js - content script (content script.js)-弹出脚本(popup.js，从iframe加载)- iframe.html (如果用户激活扩展时加载)
除了当用户更改页面或在选项卡中重新加载页面时，我会丢失所有设置/上下文(在弹出脚本中用于在iframe中显示信息)。
从技术上讲，我想隔离每个选项卡的扩展(每个选项卡可以有自己的配置)，但是当用户在同一个选项卡中导航时，应该保留上下文。
问题是:实现这一目标的最佳途径是什么？
我正在考虑在内容脚本中持久化所有上下文，并在触发事件ch
浏览 0提问于2018-11-27得票数 0
回答已采纳
1回答
我正在使用PHPFreaks的"Simple SQL Search“脚本。我想知道在提交查询后如何改进搜索方法。
假设我已经提交了一个搜索词，比如" music "，搜索查询将给出数据库中包含词"music“的所有数据的结果，但是假设我想搜索词"music”，一旦结果出现，我想改进搜索并在类别为"rock“或"rap”的music下查找所有结果。我想要使用所选选项的列表来完成此操作。
以下是来自PHPFreaks的工作脚本，我将其包括在内，以便这里的用户在需要时也可以使用此脚本：
$error = array();
$results =
浏览 0提问于2013-04-08得票数 0
<select id="selectId">
<option>Please select product ...</option>
</select>
我在火狐上试了试，它工作了。
$('selectId').innertHTML = '<option>Test test</option>'
但是在ie上，它不起作用，如何像上面那样在ie中通过字符串选项添加一个选项
浏览 0提问于2010-09-29得票数 2
1回答
我不能让html4Mode选项为我工作。
我在一个非常简单的两页应用程序上使用了ajaxify脚本()。在支持html5的浏览器中一切工作正常，但是如果我想为了测试目的而强制html4回退没有任何变化，历史似乎忽略了这些选项，并继续使用html5推送状态urls。
为了强制回退，我刚刚更改了ajaxify脚本，添加了(在DOM ready上)：
History.options.html4Mode = true;
(我使用的是v1.8b1jQuery html4+5包脚本)
有没有办法让它正常工作？
浏览 0提问于2013-06-11得票数 6
回答已采纳
问题
我有php，它通过shell_exec运行bash脚本。一切正常，但最后一步(scp到服务器)错误。
sshpass -p 'PASSWORD' scp ../xlsx/"${file_pdf%.*}-$i.xlsx" USER@HOST:/var/www/html/FOLDER 2>&1
输出。
Host key verification failed.
当我以用户身份在服务器上运行此脚本时，一切正常。是否需要通过用户scp (或连接)运行www-data？权限是文件夹的777。
谢谢。
浏览 6提问于2019-10-07得票数 1
回答已采纳
我有一个简单的动态生成的从json文件中使用Ajax的select选项，但我做不到的是在提交表单后保留以前选择的选项。尝试用PHP变量发送给JS，但是我找不到在脚本标记中使用PHP代码的方法，而且用PHP对所有东西进行回显都很难看。有什么想法吗？
我的PHP + AJAX代码：
ini_set('display_errors', -1);
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
echo '<pre>';
var_dump($_POST);
e
浏览 0提问于2016-03-25得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
