如何從使用javascript的asp.net中的dropdownlist獲取選定的值？

Question

我從database.i填充國家下拉列表需要從下拉列表中選擇一個值，並通過使用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(); 

通過這樣做，我得到的錯誤.ANY的解決方案？

問候 拉維

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元素，並且你想通過將文本框的DOM傳遞給getElementById()函數來填充它。

這裏是它打破了：

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... 
}