问题标签 [select-options]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
235 浏览

javascript - 如何将对象传递给 onchange 函数?(选择选项)

我在表格中有一个选择下拉菜单,当我尝试选择一个选项时,我想将整个对象发送到 onchange 函数。是否可以发送整个对象?我怎样才能做到这一点?

这就是我尝试过的。

我收到以下错误

但是如果我设置 value={item.id} ,这可以正常工作而不会出现任何错误,但是我想发送整个对象而不仅仅是 id

0 投票
1 回答
91 浏览

typescript - 选择默认答案时,TypeScript 中的选择下拉列表中添加了空选项

所以,我有一个带有下拉列表的选择,其中包含 1 个默认答案。这是列表的代码:

this.personnel由以下代码设置:

最后一行会检查当前选择的选项是否为已删除的关系(它仍然存在于数据库中,但在提取人员时不会包含在内。因此这一行)。

这首先呈现默认选项,代码如下:

加载此选择所在的页面时,一切都很好。所有相关选项都已加载,我可以选择这些选项并保存。但是,当我想取消选择一个选项并选择默认选项时,它会出错。它会在短时间内(约 1 秒)显示此选项,然后变为白色。

在浏览器中查看源码,发现多了一个空选项。

前:
前

后:
在此处输入图像描述

在上面的图片中,我从选择的第二个选项(Tim Batist)开始。我将此更改为默认选项(-选择人员-)。你可以看到这增加了第三个选项,它几乎是空的(除了值)。

问题:
当我在此选择中更改为默认选项时,我想查看默认选项。现在它将只显示一个空白字段。我已经尝试了一些事情,但我不知道问题可能是什么。

0 投票
0 回答
26 浏览

angular - 使用 optGroup 角度进行多选

我有 3 个下拉菜单,我想将它们组合成一个 multiSelect 下拉菜单。根据文档,我发现 multiSelect optgroup 具有此功能。我能够使用静态选择/选项字段进行演示。但是,我正在尝试使用 ngFor 对 angular 做同样的事情,但我却没有让它工作。

这些是 3 个下拉菜单。

我希望显示如下所示:

每个父母和孩子都有一个复选框。

我应该如何形成对象,以便父 forLoop(caseStatus, pCaseStatus,mCaseStatus) 和 childForLoop(items inside caseStatus, pcaseStatus,mcaseStatus) 按要求工作。我的 component.ts 看起来像这样;

0 投票
1 回答
32 浏览

javascript - 我可以使用 javascript 中的值以外的任何内容设置选择选项吗

我有一个如下的选择列表:

我想知道是否有可能在 setQueue() 函数中选择其中一个选项而不使用该值?所以而不是document.getElementById("queuePicklist").value = 'Support';

我可以向选项添加数据属性并以这种方式选择选项,以便我可以保持值不变。注意:如示例中所示,四个选项具有相同的值。

我知道我可以将这些值 (1,2,1,1,1) 放入数据属性中,并在“值”字段中使用唯一值,这是我的第一种方法,但由于我正在使用一些遗留代码,所以更改使其他代码的其他部分中断。

0 投票
1 回答
49 浏览

c# - 将 SelectedListItem 属性 Selected 设置为 false 不起作用

我在这个模型中有一个名为 QA 的模型我有一个外键 SectionId。创建 QA 时,SectionId 获取名为“未分类”的部分的 ID,如图所示

注册 QA 后,管理员回答问题并将 QA 移至右侧部分,因此我创建了一个提供 IEnumerable< SelectListItem > 的服务,如图所示

我将此服务注入到视图中,如下所示:

我想向用户显示的选项是“请选择一个部分”,但它一直显示“未分类”,因为它是项目的当前值 (qa)。如上所示,我已经在 SelectListItems 中将属性 selected 设置为 false,并在视图中使用了属性 selected="selected",但它仍然显示“未分类”。我怎样才能让它总是显示选项请选择一个部分?

0 投票
1 回答
49 浏览

arrays - 如何根据vue js中的数组唯一ID在选择选项中显示数据

在我的 Vue 组件中,我有两个来自数据库的名为 categories 和 product 的数组。类别数组是一个对象数组,比如它有 id、type、name、value,而 products 数组也有 id、type、name、parent_id、value。products 中的 parent_id 是类别的 id。我想根据选择选项中的类别显示产品。例如,如果类别类型 A,则产品将为 B、C、D,或者如果类别类型 B,则产品将为 X、Y、Z。我该怎么做?

0 投票
1 回答
75 浏览

python - 使用 Selenium 和 Python 选择选项

我知道有几个硒选项选择的例子。尽管如此,我仍然无法选择一个特定的网站。 https://www.gks.ru/dbscripts/munst/munst20/DBInet.cgi 我想在左上角选择 Excel 选项。HTML 是 n 个附件

在此处输入图像描述

我试着这样靠近酒吧

我还按类和 css_selector 使用了 find_elements

然后我用

它也找不到元素

有人可以帮忙吗?

0 投票
0 回答
68 浏览

python - 带有 api 接口的 Flask 数据 Country -> State -> City 下拉列表

我在一个表单中有 4 个不同的 SELECT OPTION。(烧瓶 Python)

Community --> Country --> State --> City

我有 2 个社区:

  1. x ----> 有了这个api接口,我可以直接搜索城市而无需国家状态
  2. y ----> 使用这个 api 界面,我必须先搜索国家,然后搜索州,然后才能搜索城市

我为 x 获得了另一种通过 api 接口获取数据的方法,而为 y 获得了另一种方法,例如:

我现在有两个我想担心的问题:

  1. 在“x”应该只出现community --> city或国家和州应该被禁用,在“y”应该询问所有。

  2. 当我选择例如社区“y”时,我如何才能选择来自 api pull 和下一个下拉显示的内容。例如,如果我选择“y”作为社区,y 的方法将自动选择国家并将其放入国家下拉列表中,在我选择国家后,它将自动选择州并将它们放入下拉列表中并一直到城市。

0 投票
1 回答
124 浏览

python-3.x - 在 Python3 中使用 request_html 和 BeautifulSoup 使用 select/option 抓取 Web 数据

我是数据抓取的新手,但我不会在没有四处寻找合适答案的情况下粗心地问这个问题。

我想从此页面下载表格:https ://www.portodemanaus.com.br/?pagina=nivel-do-rio-negro-hoje 。

正如您从以下屏幕截图中看到的那样,表格顶部有几个选择/选项。对应的html代码(右侧)显示选择了下半年(2)和2021年。通过重新选择并重新提交表单,表格的内容会发生变化,但 url 保持不变。但是,更改会反映在 html 代码中。请参见下面的第二个屏幕截图,其中选项被修改为 1 和 2018。 在此处输入图像描述

在此处输入图像描述

基于这些检查,我整理了一个 python 脚本(使用 bs4 和 requests_html)来获取初始页面,修改选择/选项,然后将它们发布回 url。请参阅下面的代码。但是,它的任务失败了。网页不响应修改。任何人都可以解释一下吗?

提前致谢,

0 投票
1 回答
33 浏览

python - 使用 BeautifulSoup 从选择中提取 id 和选项并将它们排列在 Pandas 数据框中

我有以下已提取的 html 代码:

我需要提取每个选择的选项和相应的 id 并将它们排列到 Pandas 数据框中,类似于这样:

ID 选项
id1 A1
id1 A2
id1 A3
id2 B1
id2 B2
id2 B3
id3 C1
id3 C2
id3 C3
id3 C4