Jquery 动态选择下拉列表-未选择选项

Jquery 动态选择下拉列表-未选择选项,jquery,select,dropdown,Jquery,Select,Dropdown,我试图创建一个动态选择 每次我在数据库表上创建一个用户时,它都会在标记中添加一个:从数据库中提取的用户的名称 html js 它会根据我的需要显示用户名,但是select不会更改所选的类。如何将所选类添加到正在显示的元素中 我已经在中添加了代码。只需提及,用户名的真实数据来自数据库,因此这个名称可以是可变的 我是不是在试图做一些我不能用我的方式去做的事情 谢谢您可以将选项的属性添加为 $document.readyfunction{ 变量名称={}; $'.users'.eachfunctio

我试图创建一个动态选择

每次我在数据库表上创建一个用户时,它都会在标记中添加一个:从数据库中提取的用户的名称

html

js

它会根据我的需要显示用户名,但是select不会更改所选的类。如何将所选类添加到正在显示的元素中

我已经在中添加了代码。只需提及,用户名的真实数据来自数据库,因此这个名称可以是可变的

我是不是在试图做一些我不能用我的方式去做的事情


谢谢

您可以将选项的属性添加为

$document.readyfunction{ 变量名称={}; $'.users'.eachfunction{ names=$this.html; 打印内容名称; }; 函数printContentcontent{ $选项:已选择'.prop'selected',false; $+内容+.appendToselectUser; } }; 用户1 用户2 用户3 用户4 用户5 选择一个用户。。。
很抱歉我在哪里添加这个?在函数中?我还添加了更新的小提琴,单击它。它作为第一条语句添加到printContent函数中
<select id="selectUser">
  <option selected disabled>Select a user...</option>
</select>
var names = {};
$('.users').each(function() {  
     names = $(this).html();
     printContent(names);
});

function printContent(content)
{
   $( '<option class="selectOption">' + content + '</option>' ).appendTo( "#selectUser" );

}