首页 文章

Jquery selectBox插件 - 将onChange上的多字节值传递给ajax

提问于
浏览
0

有人可以帮助我使用jquery selectbox插件吗? http://www.bulgaria-web-developers.com/projects/javascript/selectbox/

我通过Ajax从选择框onChange发送数据,一切选择框都能正常工作 . 但我需要3个选择框 . 并且不知道从另一个选择框传递值的热点 .

``
`<form id="filter">

<span>Sort:</span>

<div class="col-xs-3"> <select id="sorting" name="sort"> <option value="asc">Asc</option> <option value="desc">Desc</option> </select> </div>

<span>by:</span>

<div class="col-xs-3"> <select id="ordering" name="order_by"> <option value="price">Price</option> <option value="name">Name</option> <option value="date">Date</option> </select> </div>

<input type="hidden" value="1" name="category_id"> </form>` ``

$("#filter select").selectbox({
`onChange: function (val, inst) {
$.ajax({
type: "POST",
data:
,
url: "./filter.php",
success: function (data) {

                 push data to content

    }
});

},effect: "fade" });`

正如你所看到的,我只有一个变量“val”,我不知道从第二和第三个选择框获取值 . 我将在一个ajax调用中需要它 .

A need sdomething like: data:{sort:val,order:val2,category:category_id},

此外,是否可以通过输入[隐藏]字段传递一些自定义变量?那也很棒 .

谢谢您的帮助!

1 回答

  • 0

    你的代码是有效的,selectbox插件中存在的问题是尝试在某个时候调用jQuery live()方法,如果你使用jQuery版本的1.9之后删除了这个方法,那么使用的是1.7.2使用插件解决了它,但这也意味着selectbox插件已过时 .

    另外,是否可以通过输入[隐藏]字段传递一些自定义变量?那也很棒 .

    这个问题需要在你想要的方式和时间方面更加具体,但这绝对是可能的 .

    Updated to answer the comments below:

    $.ajax({
        type: "POST",
        data: {
            sort: $("#sorting").val(),
            order: $("#ordering").val()
        },
        url: "./filter.php",
        success: function (data) {}
    });
    

相关问题