Javascript 如何使用jQuerySelected插件使第一个选项成为下拉列表中的默认值
我有一个下拉列表,其值需要默认为下拉选项中可用的第一个值 Js: 但这会返回一个错误。当下拉选项是数组的结果时,我不确定如何选择默认值。Javascript 如何使用jQuerySelected插件使第一个选项成为下拉列表中的默认值,javascript,jquery,Javascript,Jquery,我有一个下拉列表,其值需要默认为下拉选项中可用的第一个值 Js: 但这会返回一个错误。当下拉选项是数组的结果时,我不确定如何选择默认值。 有什么想法吗?从您的代码外观来看,我猜您正在使用一个插件或库来创建样式化的“下拉列表”,使用HTML列表(即和标记),使用CSS样式使其看起来像一个下拉列表 您面临的问题是,selected属性特定于元素,因此尝试将其添加到可能是您看到错误的原因 现在,由于不知道您使用的是什么插件/库,我可以告诉您,为了确保在提交“fake”下拉列表时所做的选择仍然传递给服务
有什么想法吗?从您的代码外观来看,我猜您正在使用一个插件或库来创建样式化的“下拉列表”,使用HTML列表(即
和标记),使用CSS样式使其看起来像一个下拉列表
您面临的问题是,selected
属性特定于
元素,因此尝试将其添加到
可能是您看到错误的原因
现在,由于不知道您使用的是什么插件/库,我可以告诉您,为了确保在提交“fake”下拉列表时所做的选择仍然传递给服务器,这些下拉列表通常与隐藏的
绑定在幕后,使用某种形式的JavaScript,API中通常还有一种方法,允许您手动自动选择想要的值
假设我在使用外部插件/库方面是正确的,我会查看文档,了解有关如何设置默认选择的更多信息
根据您对使用jQuery所选插件的评论,以及查看所选网站()上的选项页面后,看起来您只需将selected
属性放置在插件应用的
值中,它就会自动在生成的下拉列表中选择该值
选定、禁用-选定会自动高亮显示选定选项并禁用禁用的选项
如果在应用插件后需要添加选定的属性,可以使用JS/jQuery将该属性添加到要选择的
,然后使用以下命令刷新所选下拉列表:
$('#YOUR_SELECT_ELEMENT').trigger('chosen:updated');
试试这个:
$('#chosen').find('ul.active').find('li.child')[0].prop('selected', true);
得到返回的选项数组中的第一个元素。然后将其属性“selected”设置为true。有什么原因不能在没有javascript的情况下将selected=“selected”
属性添加到第一个项目吗?这不是下拉列表。这是一个列表。而且,如果是下拉列表,为什么要使用ul
和li
。
和
不是更合适吗?@DevinH。它是一个动态生成的列表..因此html只有一个标记..它是执行- 的插件.html只有一个静态标记..插件im使用jquery选项更新了答案,基于所选文档已尝试过..给了我这样的信息:“未捕获类型错误:$(…).find(…)[0]。prop不是函数”.您使用的是什么版本的jquery?做了一些研究,似乎prop函数是在1.6+版本中实现的。也许可以尝试使用.attr函数而不是.prop。
$('#YOUR_SELECT_ELEMENT').trigger('chosen:updated');
$('#chosen').find('ul.active').find('li.child')[0].prop('selected', true);