当我选择该选项时，我需要在<div>中显示任何行中的选定值和<td> id
当您选择该选项时，您需要在<div>中显示任何行中的选定值和<td> id。
<div>是HTML中的一个标签，用于定义文档中的一个区域或容器。您可以在<div>中放置其他HTML元素，如文本、图像、表格等。
<td>是HTML中的一个标签，用于定义HTML表格中的一个单元格。每个<td>元素通常位于<tr>元素中，而<tr>元素则位于<table>元素中。通过在<td>元素中添加内容，您可以在表格中显示文本、图像或其他HTML元素。
要在<div>中显示任何行中的选定值和<td> id，您可以使用JavaScript来实现。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<script>
function displaySelectedValue() {
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
var selectedValues = "";
for (var i = 0; i < rows.length; i++) {
var cells = rows[i].getElementsByTagName("td");
for (var j = 0; j < cells.length; j++) {
if (cells[j].id === "selected") {
selectedValues += cells[j].innerHTML + " ";
}
}
}
document.getElementById("selectedValues").innerHTML = selectedValues;
}
</script>
</head>
<body>
<table id="myTable">
<tr>
<td id="selected">Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 3</td>
<td id="selected">Value 4</td>
</tr>
<tr>
<td id="selected">Value 5</td>
<td>Value 6</td>
</tr>
</table>
<button onclick="displaySelectedValue()">显示选定值</button>
<div id="selectedValues"></div>
</body>
</html>在上面的示例中，我们首先通过document.getElementById("myTable")获取到表格元素，然后使用getElementsByTagName("tr")获取到所有的行。接下来，我们遍历每一行，并使用getElementsByTagName("td")获取到该行中的所有单元格。然后，我们检查每个单元格的id是否为"selected"，如果是，则将其内容添加到selectedValues字符串中。最后，我们将selectedValues字符串的内容显示在<div>元素中。
这是一个简单的示例，您可以根据实际需求进行修改和扩展。在实际开发中，您可能需要使用CSS样式来美化表格和<div>元素，并根据具体情况进行逻辑处理和错误处理。
腾讯云提供了多个与云计算相关的产品，例如：
- 云服务器（CVM）：提供可扩展的计算能力，适用于各种应用场景。了解更多：云服务器产品介绍
- 云数据库 MySQL 版（CDB）：提供高性能、高可用的关系型数据库服务。了解更多：云数据库 MySQL 版产品介绍
- 云原生容器服务（TKE）：帮助用户快速构建、部署和管理容器化应用。了解更多：云原生容器服务产品介绍
- 人工智能机器学习平台（AI Lab）：提供丰富的人工智能开发工具和服务，支持开发者构建智能化应用。了解更多：人工智能机器学习平台产品介绍
请注意，以上仅为示例，您可以根据具体需求选择适合的腾讯云产品。
相关·内容
当我从表行中选择该选项时，我需要在<div>(x和y)中显示任何行的选定值和<td> ID。但我只能从第一行开始。当我从第二行选择时</
浏览 41提问于2019-08-29得票数 0
3回答
我要求用户选择他/她的性别。稍后，我想在另一个<div>元素中显示所选的性别，如下所示。我该怎么做呢？<div id="v1"> <tr>
<td>Male or Female</td</
浏览 9提问于2013-09-29得票数 0
1回答
表根据数组“结果”中的值呈现行。在每一行中都有一个下拉列表，它通过一个数组“状态”填充。<div id="app"> <tr v-for="(row,index) of results"> <td>{{row.name}}</td<
浏览 1提问于2018-08-27得票数 0
回答已采纳
2回答
我有个问题。我有一个asp.net webform，它有一个将数据存储在session中的进程。我无法解决的问题是，在其中一个页面上，它显示了在整个过程中输入的所有细节，但只需要显示其中一个部分，这取决于从我的checkboxlist中选择的内容。Testing only)" Value="Responsive design
浏览 4提问于2015-09-09得票数 0
回答已采纳
1回答
我使用react-select和formatOptionLabel属性来格式化选项标签。每当我选择任何选项时，它都会显示在输入中，并且还会得到格式化的标签 我尝试传递selectedIcon并在onChange事件中删除它，这确实起作用了，但为此我需要在每个选项中传递它并在每个onChange
浏览 11提问于2019-03-23得票数 1
回答已采纳
我有一个附加了行的表。在第2列{0, 1, [2]}中，每行都有一个select。我正在尝试使用JavaScript或JQuery获取select的文本/值/选项。这看起来应该很简单，但是对于我来说，我想不出一种方法来在选定的行和列中获取select元素。任何帮助都将不胜感激。
这是我<em
浏览 2提问于2015-01-07得票数 0
回答已采纳
是否有任何方法来更改所选的值组件设计，在我的选项菜单上，我显示CscId和CscDesc，但当我选择该选项时，我只想显示CscId。是否有任何方法来更改选定的值组件？我在谷歌上搜索这个，已经花了一天的时间
浏览 0提问于2019-07-31得票数 5
回答已采纳
当我单击该表中的任何电影行时，所选的电影将在存储区(即state.movies.item )中更新。}</td> )</tbody>
现在，当我单击表中的任何行(Grid.tsx)时，它将更新存储中
浏览 0提问于2020-05-09得票数 0
回答已采纳
2回答
我正在显示一个基于下拉菜单选择的表格。当选择' all‘(默认)时，我需要显示所有的列，并根据如下所示的条件隐藏整个列和一些行。我隐藏状态列和一些基于条件的行的部分起作用。但是，当我单击下拉列表中的“all”选项时</em
浏览 4提问于2015-08-14得票数 0
回答已采纳
我正在创建HTML选择下拉列表(font-size)。当我从下拉列表中选择值时，例如h1。 <option&
浏览 2提问于2015-04-21得票数 0
1回答
="0" cssStyle="width:100%">
<sj:tab id="pendingTab" href="%{urlVal}" key="key" target="div1"每个选项卡调用url，执行数据库操作，并在该选项卡中显示数据。改变面板上组合框的值将触发当前选定</
浏览 6提问于2013-10-23得票数 0
1回答
我已经使用迭代器显示了一个表，每行都有一个单选按钮，基于所选的行，我想通过单击一个按钮来执行编辑和删除操作。如何通过单击编辑或删除按钮检索所选行中的所有值？这是我的代码： <tr>
<td
浏览 1提问于2013-03-26得票数 0
我有一个html选择下拉列表与5个选项(汽车制造商列表)，在这里用户点击一个选项和onchangeHandler将获得选定的值。根据选定的值，将向用户显示另一个下拉列表(汽车型号列表)。但是，如果我在汽车制造商的列表中只有一个选项，我需要在carManufacturer下拉列
浏览 10提问于2018-12-20得票数 0
这是我的html代码<td>{{Resolution.steps}}</td> <div> </td>
<td><textarea
浏览 6提问于2016-07-29得票数 1
2回答
我有3个<select>，我想从其中筛选一个表，同时使用它们的选项相互过滤。我将首先向您展示代码： Select C type <option>Toate</option> <br/>
浏览 8提问于2017-08-31得票数 1
回答已采纳
我有一个表，我正在使用ng-repeat填充它。例如，假设我正在创建一个evite类型的模拟站点，该表显示了所有已响应的用户。每行都有一个单选按钮，选中该按钮后，将在表下面的div中填充其他信息。此div还用作回复和更新现有回复的模板。当我从上面的表中选择一行时，将填充此div</em
浏览 0提问于2017-03-20得票数 2
我的javascript不是很好，但我正在努力学习。在这个问题上已经好几天了，不断地寻求帮助，但需要一个提示:)当我提交表单时，它通过POST将一个变量传递到同一页面。搜索会发生，下拉菜单会重新出现。因为第一个dropdown的onClick会填充第二个dropdown，所以当页面重新加载时，dropdwons
浏览 1提问于2013-03-08得票数 1
回答已采纳
1回答
>我想要的是，当我选择时，让我们假设默认值是"None“。如果我更改为任何其他选项，那么它应该会自动被取消选择。有多行，我只想选择相应的复选框。我怎么
浏览 1提问于2014-09-28得票数 1
回答已采纳
我对反应是陌生的。我正在表中显示json的数据。我还希望只显示特定筛选器选项的特定表行数据。在这里，我希望当noida被选中时，表应该只显示表的第二行。当选择Moradabad时，它应该只显示表的第一行。
这里我是附加<e
浏览 5提问于2022-01-27得票数 1
回答已采纳
1回答
我在datatable中使用select选项，当我想在表的每一行中获得所选选项时，我希望从该表的行中获取所选选项的值，因为select "id“是1，因此它每次都会带来相同的值(第一个选定的值)
浏览 2提问于2021-12-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
