jquery - 使用 jQuery,如何模拟在 $.ajax 调用中选择多个选项的选择的表单序列化?

标签 jquery

下面是我的 $.ajax 调用,如何在数据部分中放置选择(多个)选定值?

$.ajax({
    type: "post",
    url: "http://myServer" ,
    dataType: "text",
    data: {
        'service' : 'myService',
        'program' : 'myProgram',
        'start' : start,
        'end' : end ,
        },
    success: function(request) {
      result.innerHTML = request ;
    }   // End success
  }); // End ajax method

编辑我应该包括我了解如何使用以下代码循环选择所选选项:

$('#userid option').each(function(i) {
 if (this.selected == true) {

但是我如何将其放入我的数据:部分?

最佳答案

使用数组怎么样?

data: {
    ...
    'select' : ['value1', 'value2', 'value3'],
    ...
},

编辑:抱歉,这是代码,有一些注意事项:

'select' : $('#myselectbox').serializeArray(),

为了让serializeArray()起作用,所有表单元素都必须有一个name属性。上面的 'select' 的值将是一个对象数组,其中包含所选元素的名称和值。

'select' : [
    { 'name' : 'box', 'value' : 1 },
    { 'name' : 'box', 'value' : 2 }
],

产生上述结果的选择框是:

<select multiple="true" name="box" id="myselectbox">
   <option value="1" name="option1" selected="selected">One</option>
   <option value="2" name="option2" selected="selected">Two</option>
   <option value="3" name="option3">Three</option>
</select>

关于jquery - 使用 jQuery,如何模拟在 $.ajax 调用中选择多个选项的选择的表单序列化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/195058/

相关文章:

javascript - 为什么带有 json 内容类型的 ajax post 发送数据 url 编码?

javascript - 如何在 Angular Js 中的类上编写指令?

Javascript native 等效于 JQuery .each() & $(this)

php - 自定义 jquery 自动完成结果

jquery - 类型错误 : 'undefined' is not a function (evaluating '$(document)' )

javascript - .js 文件无法以新呈现的形式工作

javascript - 使用 jquery 创建 videojs

jquery - 获取 Bootstrap 元素在较小屏幕上的高度

asp.net - Javascript DoEvents 等效吗?

Javascript Animate ScrollTop 跳转到窗口顶部,然后跳到底部