如何使用 Javascript 从 asp.net 中的下拉列表中获取选定的值？

Question

我正在从数据库填充国家/地区下拉列表。我需要从下拉列表中选择一个值并使用 Javascript 将其分配给文本框。

代码：

var textboxId = document.getElementById("txtCountry");
var dropdownListId =document.getElementById("ddlLocation"); 

var e = document.getElementById("ddlLocation"); 
var strUser = e.options[e.selectedIndex].value;

document.getElementById(textboxId).value = strUser;    
document.getElementById(textboxId).focus(); 

这样做我收到错误。有什么解决办法吗？

Answer 1

你的代码是错误的，看看我对相同代码进行了更改：

var textboxId = document.getElementById("txtCountry");
var e = document.getElementById("ddlLocation"); 
var strUser = e.options[e.selectedIndex].value;
textboxId.value = strUser;    
textboxId.focus(); 

你做了什么，你选择了文本框，JS 返回了该文本框的 DOM 元素，你想通过传递 getElementById() 函数内文本框的 >DOM。

这里是它的问题所在：

document.getElementById(textboxId).value = strUser;

要使用 getElementById() 方法，您需要传递元素 id 的字符串值。

希望这有帮助。

Answer 2

尝试使用：

document.getElementById('<%=txtCountry.ClientID%>').value

或

var textBox = document.getElementById('<%=txtCountry.ClientID%>');
textBox.value = strUser;

那是因为生成的文档中的 html 元素的 id 与您在代码中分配的 id 不匹配。要在 html 中获取分配给控件的 ID，您可以使用下拉列表的 ClientID 属性。

另一个问题是您将 html 元素分配给变量，然后使用 getElementById 函数，这是无效的调用。

这在即将发布的 ASP.NET 4 中发生了变化。

希望有帮助！

Answer 3

这两行：

document.getElementById(textboxId).value = strUser;    
document.getElementById(textboxId).focus(); 

也是错误的。如果您的上一行确实有效：

var textboxId = document.getElementById("txtCountry");

那么您所调用的 textboxId 实际上将是文本框控件，因此您将使用该控件而不是字符串标识符来执行 getElementById 。

遵循@anthares所说的；试试这个：

var textboxId = '<%=txtCountry.ClientID%>';
alert('My textbox id is: '  + textboxId);

并确保您获得了文本框的正确 ID（请记住，它将被 ASP.Net 修改，至少确保您没有得到任何结果）。然后，当您执行 document.getElementById 时，您需要在使用之前检查结果：

var myTextBox = document.getElementById(textboxId);
if (myTextBox !== null) {
    ...now i can access the properties...
}

Answer 4

如果您不想使用，

    document.getElementById()

请尝试：

    var VarName = $('#<%=YouDropDownId.ClientId %>').val();