Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuerySelected插件使第一个选项成为下拉列表中的默认值_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用jQuerySelected插件使第一个选项成为下拉列表中的默认值

Javascript 如何使用jQuerySelected插件使第一个选项成为下拉列表中的默认值,javascript,jquery,Javascript,Jquery,我有一个下拉列表,其值需要默认为下拉选项中可用的第一个值 Js: 但这会返回一个错误。当下拉选项是数组的结果时,我不确定如何选择默认值。 有什么想法吗?从您的代码外观来看,我猜您正在使用一个插件或库来创建样式化的“下拉列表”,使用HTML列表(即和标记),使用CSS样式使其看起来像一个下拉列表 您面临的问题是,selected属性特定于元素,因此尝试将其添加到可能是您看到错误的原因 现在,由于不知道您使用的是什么插件/库,我可以告诉您,为了确保在提交“fake”下拉列表时所做的选择仍然传递给服务

我有一个下拉列表,其值需要默认为下拉选项中可用的第一个值

Js:

但这会返回一个错误。当下拉选项是数组的结果时,我不确定如何选择默认值。
有什么想法吗?

从您的代码外观来看,我猜您正在使用一个插件或库来创建样式化的“下拉列表”,使用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);