如何使用ajax或jquery和ASP.NET动态创建下拉控件 [英] How to create a dropdown control dynamically using ajax or jquery and ASP.NET

问题描述

所以我的挑战很小。在数据库中，我正在为每个用户检索一个值（注意：值不相同）。例如，用户A可能具有值2，而用户B可能具有用户3.我想要做的是创建一个下拉控件，其中选择值对应于每个用户的值。因此，如果用户B登录，将显示三个下拉列表，而如果其用户A，则将显示两个下拉列表。我想动态创建这个下拉列表。何我使用Jquery实现这个目标？



我尝试过：



我所做的是编写查询以获取每个用户的编号。剩下的就是能够根据每个用户的值显示下拉数量

解决方案

第一个google结果有一个很好的例子。请参阅如何使用jQuery动态创建下拉列表？ - 堆栈溢出 [ ^ ]

 var data = {
'foo'：'bar'，
'foo2'：'baz'
} 
 
 
 var s = 

（'< select />'）;

for（数据中的var val）{

（'< option />'，{value：val，text：data [val]}） .appendTo（一个或多个）;
}

s.appendTo（'body'）; //或者它应该在哪里

在这种情况下，数据可能来自使用jQuery的.ajax（）方法的webservice调用。

So i have a very little challenge. In the Database, i'm retrieving a a value for each user(Note: the values are not the same). For example, user A might have value 2, while User B might have user 3. What i want to do is create a dropdown control with select values corresponding to the value of each user. So if user B logs in, three dropdown will be displayed while if its user A, two dropdown will be displayed. I want to create this dropdown dynamically. Ho do i achieve this using Jquery ?

What I have tried:

What i have done is to write the query to fetch the number for each user. What is left is to be able to display number of dropdown depending on the value of each user

解决方案

The first google result has a good example. See How to create dropdown list dynamically using jQuery? - Stack Overflow[^]

var data = {
    'foo': 'bar',
    'foo2': 'baz'
}


var s =

('<select />'); for(var val in data) {

('<option />', {value: val, text: data[val]}).appendTo(s); } s.appendTo('body'); // or wherever it should be

In this case, data may be coming from a webservice call using jQuery's .ajax() method.

这篇关于如何使用ajax或jquery和ASP.NET动态创建下拉控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！