如何使用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 属性。

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

这在即将发布的 ASP.NET 4 中有所改变。

希望有帮助！

Answer 3

这两行：

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

也错了。 如果您的前一行确实有效：

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

will actually be the textbox control, so you will be doing a using the control instead of a string identifier.那么您所称的实际上将是文本框控件，因此您将使用该控件而不是字符串标识符来执行 。

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

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

并确保您获得了文本框的正确 ID（请记住，它会被 ASP.Net 修改，至少确保您没有得到任何东西）。 you need to check the result before using:然后，当您执行您需要在使用前检查结果：

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

Answer 4

如果您不想使用

    document.getElementById()

尝试一下：

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