一种简单的方法是将 jQuery 用于 UI(这样您就不必担心冗长的 javascript 并处理浏览器兼容性,因为它已经为您处理好了)并让它调用服务器以获取数据。对于服务器,最简单的方法是返回 JSON 以获取循环值。
包括你的 jQuery:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
然后为 JavaScript 添加句柄:
<script type="text/javascript">
function autoPopulate() {
var value1 = $('#ddl1').val();
var value2 = $('#ddl2').val();
var value3 = $('#ddl3').val();
var url = 'path/to/your/file.aspx?value1=' + value1 + '&value2=' + value2 + '&value3=' + value3;
$.getJSON(url, function(data) {
data == null ? return false : data = eval(data);
var ddl = $('#ddl4')[0];
for (i = 0; i < data.length; i++) {
var option = new Option(data[i][0], data[i][1]);
if ($.browser.msie) {
ddl.add(option);
} else {
ddl.add(option, null);
}
}
}
}
</script>
(是的,我知道我使用了本机循环,但我今天在这里有点懒惰 :))
现在,对于您的服务器端代码,您将希望您的页面代码以以下格式返回数据:
[['value1','text1'],['value2','text2'],['value3','value3']]
所以像:
<script type="vb" runat="server">
Private Sub Page_Init()
// get your data
// loop through it and add in values
// ex.
Dim result As String = "[" //start multi-dimensional array
For Each Item As String In data
result += String.Format("['{0}','{1}'],", _value, _text)
Next
result = result.SubString(0, result.Length - 1) // removes trailing comma
result += "]" // closes off m-array
Response.Write(result)
Response.Flush()
End Sub
</script>