我正在使用我的搜索框中的select2.我从我的网址获取结果,但我无法从中选择一个选项.我想使用’product.productName’作为选择后显示的文本.有没有我错过的东西,或者我所犯的任何错误.我已经包括select2.css和select2.min.js,jquery.js
function dataFormatResult(product) {
        var markup = "<table class='product-result'><tr>";

        markup += "<td class='product-info'><div class='product-title'>" +     product.productName + "</div>";
        if (product.manufacturer !== undefined) {
            markup += "<div class='product-synopsis'>" + product.manufacturer + "</div>";
        }
        else if (product.productOptions !== undefined) {
            markup += "<div class='product-synopsis'>" + product.productOptions + "</div>";
        }
        markup += "</td></tr></table>";
        return markup;
    }

    function dataFormatSelection(product) {
        return product.productName;
    }
    $(document).ready(function() {
        $("#e7").select2({
            placeholder: "Search for a product",minimumInputLength: 2,ajax: {
                url: myURL,dataType: 'json',data: function(term,page) {
                    return {
                        productname: term 
                    };
                },results: function(data,page) { 

                    return {results: data.result_object};
                }
            },formatResult: dataFormatResult,formatSelection: dataFormatSelection,dropdownCssClass: "bigdrop",escapeMarkup: function(m) {
                return m;
            } 
        });
    });

这是我的resut_object

"result_object":[{"productName":"samsung galaxy s3","manufacturer":"Samsung","productOptions":"Color;Memory","productOptiondesc":"Silver;32GB"},{"productName":"samsung salaxy s3","productOptiondesc":"Graphite;32GB"},{"productName":"samsung galaxy s3","productOptiondesc":"Silver;16GB"}]
您缺少结果数据的id属性. Select2 plugins wants an id field on data,如果没有,它使选项“不可选”.

例:

$('#e7').select2({
                    id: function(e) { return e.productName; },});

php – 无法从select2搜索结果中选择一个结果的更多相关文章

  1. jquery select2的使用心得(推荐)

    下面小编就为大家带来一篇jquery select2的使用心得(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  2. jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)

    select2是一款jQuery插件,是普通form表单select组件的升级版。 接下来通过本文给大家介绍jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页),需要的的朋友参考下吧

  3. Vue.js监听select2的值改变进行查询方式

    这篇文章主要介绍了Vue.js监听select2的值改变进行查询方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  4. Select2在使用ajax获取远程数据时显示默认数据的方法

    今天小编就为大家分享一篇Select2在使用ajax获取远程数据时显示默认数据的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

  5. php – 以Jquery select2形式发布POST

    所以我使用的是Select2插件,在表单中发布多个选项时遇到问题.我可以选择多个选项,但只能传递一个:在我的PHP页面上,当我选择多个选项后var_dump:我只得到一根绳子,即:我需要转到隐藏的输入格式吗?答案是在name属性之后加入[],这与插件几乎没有关系.

  6. php – 如何通过URL传递变量的多个值

    我正在构建一个应用程序,而且我遇到了某个问题.我正在尝试传递一个具有多个值的变量.所以我的网址将如下所示:问题是我不知道如何做到这一点.变量用于从数据库中检索数据.我正在使用PHP而没有Javascript.任何帮助都会很棒!

  7. 动态添加项目到使用AJAX的jQuery Select2控件

    我有一个jQuerySelect2控件使用AJAX来填充:AJAX链接到可能选项的数据库,并且您可以看到需要两个字符的输入。相同的确切代码适用于非AJAXSelect2框。我尝试了各种替代方法,如使用$。remove()只会删除原来的字段,但使Select2控件保持不变。任何想法如何a)动态添加一个选项到使用AJAX的Select2控件;或b)完全删除一个Select2控件,以便它可以以编程方式添加回来?编辑我发现另一个问题,显示如何删除select2元素,使用.select2。我更喜欢能够添加选项比销毁

  8. select2 ajax 设置默认值,初始值

    在做功能的时候需要修改数据,修改数据时需要显示原始值.但是在select2的时候显示原始值是一个非常非常非常非常非常要命的难题.研究了3个小时,最后使用$.ajax重新加载原始值.并显示.重点是下面的代码,再次加载默认值.赋值.主要是在select控件添加上option.具体是ajax加载的还是直接后台用代码生成的.都可以..最后用$select2.trigger;渲染到界面上..就可以了.

  9. php – 无法从select2搜索结果中选择一个结果

    我正在使用我的搜索框中的select2.我从我的网址获取结果,但我无法从中选择一个选项.我想使用’product.productName’作为选择后显示的文本.有没有我错过的东西,或者我所犯的任何错误.我已经包括select2.css和select2.min.js,jquery.js这是我的resut_object您缺少结果数据的id属性.Select2pluginswantsanidfieldo

  10. select2,利用ajax高效查询大数据列表可搜索、可分页

    select2是一款jquery插件,是普通form表单select组件的升级版。那么,现在让我们开始一段select2的奇幻之旅吧!设置class为js-data-example-ajax,页面加载时对该组件进行select2的初始化。href属性为ajax提供后台检索的URL。第二步、select2组件化,注释写得很详细了哦第三步、Java端接收参数并返回结果集,不用我强调,这步很重要接下来,把关键的源码贴出来,可能和你的项目不吻合,但可以参考。调查select2的源码可以知道。

随机推荐

  1. PHP个人网站架设连环讲(一)

    先下一个OmnihttpdProffesinalV2.06,装上就有PHP4beta3可以用了。PHP4给我们带来一个简单的方法,就是使用SESSION(会话)级变量。但是如果不是PHP4又该怎么办?我们可以假设某人在15分钟以内对你的网页的请求都不属于一个新的人次,这样你可以做个计数的过程存在INC里,在每一个页面引用,访客第一次进入时将访问时间送到cookie里。以后每个页面被访问时都检查cookie上次访问时间值。

  2. PHP函数学习之PHP函数点评

    PHP函数使用说明,应用举例,精简点评,希望对您学习php有所帮助

  3. ecshop2.7.3 在php5.4下的各种错误问题处理

    将方法内的函数,分拆为2个部分。这个和gd库没有一点关系,是ecshop程序的问题。会出现这种问题,不外乎就是当前会员的session或者程序对cookie的处理存在漏洞。进过本地测试,includes\modules\integrates\ecshop.php这个整合自身会员的类中没有重写integrate.php中的check_cookie()方法导致,验证cookie时返回的username为空,丢失了登录状态,在ecshop.php中重写了此方法就可以了。把他加到ecshop.php的最后面去就可

  4. NT IIS下用ODBC连接数据库

    $connection=intodbc_connect建立数据库连接,$query_string="查询记录的条件"如:$query_string="select*fromtable"用$cur=intodbc_exec检索数据库,将记录集放入$cur变量中。再用while{$var1=odbc_result;$var2=odbc_result;...}读取odbc_exec()返回的数据集$cur。最后是odbc_close关闭数据库的连接。odbc_result()函数是取当前记录的指定字段值。

  5. PHP使用JpGraph绘制折线图操作示例【附源码下载】

    这篇文章主要介绍了PHP使用JpGraph绘制折线图操作,结合实例形式分析了php使用JpGraph的相关操作技巧与注意事项,并附带源码供读者下载参考,需要的朋友可以参考下

  6. zen_cart实现支付前生成订单的方法

    这篇文章主要介绍了zen_cart实现支付前生成订单的方法,结合实例形式详细分析了zen_cart支付前生成订单的具体步骤与相关实现技巧,需要的朋友可以参考下

  7. Thinkphp5框架实现获取数据库数据到视图的方法

    这篇文章主要介绍了Thinkphp5框架实现获取数据库数据到视图的方法,涉及thinkPHP5数据库配置、读取、模型操作及视图调用相关操作技巧,需要的朋友可以参考下

  8. PHP+jquery+CSS制作头像登录窗(仿QQ登陆)

    本篇文章介绍了PHP结合jQ和CSS制作头像登录窗(仿QQ登陆),实现了类似QQ的登陆界面,很有参考价值,有需要的朋友可以了解一下。

  9. 基于win2003虚拟机中apache服务器的访问

    下面小编就为大家带来一篇基于win2003虚拟机中apache服务器的访问。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. Yii2中组件的注册与创建方法

    这篇文章主要介绍了Yii2之组件的注册与创建的实现方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下

返回
顶部