自动刷新选择菜单's在Web应用程序中

Auto Refresh Select Menu's in Web Apps

本文关键字：Web 应用程序 刷新 选择 菜单      更新时间：2023-09-26

是否可以在不点击控制器的情况下刷新选择菜单，并在控制器中重新生成整个选择菜单并发送回相应的div？我可以从控制器发送JSON格式的数据，但我不想发送整个Div。。因为它打破了DRY原理。这是一个非常常见的场景，我想知道是否可以让选择菜单监听JS中的某个对象，这样，如果该对象被修改，则相应地刷新选择菜单。。。。对象可以像{value，text}等。。。有人有指针吗？

如何在Web应用程序中生成选择？

<form>
<content>
<div id=unique id>
<for each in some model>
   <option> <value>
</div>
<content>

我们有许多这样的形式与选择菜单的。。。每次我们都倾向于将select写入另一个文件并再次调用它。

<div id=unique id>
<for each in some model>
   <option> <value>
</div>

为什么不重复使用？1） 因为我们只需要刷新Select而不是Content2） 主页中获得的数据来自某个字典（从DB中预先填充），在刷新时，我们可以直接从DB中获得数据。。。

所以，坚持枯燥的原则，我可以通过一些UI监听器将SELECT内容填充到一些Object吗？如果对象发生更改，请使用新值刷新选择。我将只编写AJAX来获得新SELECT MENU的JSON。

关于：

$.each(jsonData, function(index){
    $('select').append('<option value="'+jsonData[index].value+'">'+jsonData[index].text+'</option>');
});

当JSON数据看起来像：

[
  {
    "value":1,
    "text":"Text for First Item"
  },
  {
    "value":2,
    "text":"Text for 2nd Item"
  }
]

希望我能理解你的问题；-）

相关文章：