gpt4 book ai didi

javascript - 如何使用 javascript 获取行中 HTML 表格单元格的 Dropdownlist 值

转载 作者:行者123 更新时间:2023-12-02 16:06:13 25 4
gpt4 key购买 nike

我在获取 HTML 表格上 dropdownlist 的值时遇到问题。下面是我的示例 html 和 javascript。

<table>
<tr>
<td>
<select id="select1" onchange="getValue(this.value)">
<option value="$">--Please Select--</option>
<option value="val1">value 1</option>
<option value="val2">value 2</option>
<option value="val3">value 3</option>
</select>
</td>
<td id="row-1"></td>
</tr>
<tr>
<td>
<select id="select2" onchange="getValue(this.value)">
<option value="$">--Please Select--</option>
<option value="val1">value 1</option>
<option value="val2">value 2</option>
<option value="val3">value 3</option>
</select>
</td>
<td id="row-2"></td>
</tr>
</table>

<script type="text/javascript">
function getValue(data)
{
var myDiv = document.getElementById( "row-1" );
myDiv.innerHTML = data;
}
</script>

每一行都有一个唯一的 td id。例如:row-1、row-2 ..等等。

在下拉列表中选择一个项目时,我想在行单元格内的每一行中显示下拉值。我怎样才能做到这一点?请帮忙。

最佳答案

这是你想要的吗?

        <html>
<head></head>
<body>

<table>
<tr>
<td>
<select id="select1" onchange="getValue(this)">
<option value="$">--Please Select--</option>
<option value="val1">value 1</option>
<option value="val2">value 2</option>
<option value="val3">value 3</option>
</select>
</td>
<td id="select1-value"></td>
</tr>
<tr>
<td>
<select id="select2" onchange="getValue(this)">
<option value="$">--Please Select--</option>
<option value="val1">value 1</option>
<option value="val2">value 2</option>
<option value="val3">value 3</option>
</select>
</td>
<td id="select2-value"></td>
</tr>
</table>

<script type="text/javascript">
function getValue(data)
{
var myDiv = document.getElementById( data.id + '-value' );
myDiv.innerHTML = data.value;
}
</script>

</body>
</html>

关于javascript - 如何使用 javascript 获取行中 HTML 表格单元格的 Dropdownlist 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30695074/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com