来自 JavaScript 问题的 ASP 下拉列表动态值

asp dropdownlist dynamic value from javascript issue

本文关键字：下拉列表 动态 ASP JavaScript 问题 来自      更新时间：2023-09-26

我有一个包含 5 个项目的下拉列表。最后一项的值为"其他"。通过选择"其他"出现带有输入的弹出窗口。此输入的值我通过 javascript 设置为此项。因此，值变成了插入的文本。当我提交表单时，它不适用于此动态值，但其他选择项目有效。有什么想法吗？非常感谢！

下面是使用 Request.Params 集合读取动态添加值的快速示例。

这是客户端代码。

<!-- Server Control - Drop Down List -->
<asp:DropDownList ID="ddList" runat="server">
    <asp:ListItem Text="A" Value="A"></asp:ListItem>
    <asp:ListItem Text="B" Value="B"></asp:ListItem>
    <asp:ListItem Text="C" Value="C"></asp:ListItem>
</asp:DropDownList>
<!-- Control to fire JS event to add a new item to the Drop Down List above -->
<input type="button" value="Add Item D" id="AddItem" />
<!-- jQuery event to add a new option to the list on the click (no postback) -->
$('#AddItem').click(function ()
{
    $('#<%= ddList.ClientID %>').append('<option value="D">D</option>');
});

这是用于读取值的服务器端代码。

var ddlListSelectedValue = Request.Params["ddList"];
您可以使用

隐藏字段，而不是将此值设置为降级列表项值 

<input type="hidden" id="hiddenField" runat="server" />

使用 JavaScript 设置值，如下所示 

document.getElementById ("hiddenField").value = "inputValue";

hiddenField 值可以从代码隐藏访问，如下所示 

string inputValue = hiddenField.Value;

只需更新您的函数

$('#AddItem').click(function ()
{
var dropdown= document.getElementById("<%= ddList.ClientID %>");
dropdown.options[dropdown.options.length] = new Option('YOUR TEXT', 'YOUR VALUE');
});

干杯



我自己测试过，它有效。下面是一个完整的示例：

<html>
<head>
<title>Test ddl Item Addition By IuR</title>
</head>
<body onload="add_dditem()">
<script type="text/javascript">
function add_dditem()
{
var dropdown= document.getElementById("ddList");
dropdown.options[dropdown.options.length] = new Option('YOUR TEXT', 'YOUR VALUE');
}
</script>
<select id="ddList">
</select>
</body>
</html>
相关文章：