ASP.Net 根据其他字段自动填充字段

Question

我刚刚转向 Web 开发，需要知道如何使用 asp.net 和 vb.net 实现以下要求。

我的表单中有三个字段，由用户填写。根据这三个值，我需要自动填充第四个字段。我计划通过以下方式实现此目的

1. 编写一个单独的类文件，其中包含一个函数，用于根据第 1 个 3 个输入计算第 4 个字段的可能值。此函数可以返回 1-10 之间的某个值。因此，我决定对第 4 个字段使用下拉菜单，并允许用户选择适当的值。

2. 在第三个字段的 onchange 函数中调用上述函数，并使用返回值填充第四个字段。我计划在数组字段中获取返回值。（这需要回发吗？）

如果有更好的方法来实现这一点，请告诉我如何实现。

谢谢。

Answer 1

您可能需要考虑使用 Javascript 来完成此操作。您可以使用纯 Javascript 轻松读取和控制字段，或者使用像 jQuery （我最喜欢的）这样的漂亮库。如果您这样做，则不需要回发，并且第四个字段将立即更新。 （对您的用户来说很好）

您也可以在大多数情况下使用 ASP.NET 来完成此操作。据我所知，ASP.NET 中的“onchange”仍然需要 Javascript，它只是为您完成了其中的一些工作。当你改变某些东西时肯定会发生回发。

Answer 2

您需要 javascript 或在表单元素上设置 autopostback=true 。

从用户的角度来看，最好的办法是使用 javascript 填充要显示的字段，但是在提交表单时使用后端函数来验证它。这将确保用户没有更改该值。

Answer 3

一个简单的方法是使用 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>