jquery 在更改时从多个选择中解析2个参数

r8xiu3jd  于 12个月前  发布在  jQuery
关注(0)|答案(2)|浏览(120)

我想在变更事件中从选择选项省和城市中获取2个值,然后将其发送到我API数据表中,但为什么我总是在单击选择选项时只获取第一个值?这是我的代码

$(document).on('change', 'select[name="province"], select[name="city"]', function() {
    province = $('select[name="province"] option:selected').val()
    city = $('select[name="city"] option:selected').val()

    const empdataTable = new ServerSideDatatable({
      element: '#table-emp-address',
      url: '/user/user/get-data-user-address',
      postData: { 'province': province, 'city' : city }, //here i only get data province
      columns: [
        { data: 'id', name: 'id', title: 'Id', orderable: false },
        { data: 'name', name: 'name', title: 'Name', orderable: true },
        { data: 'Province', name: 'Province', title: 'Province', orderable: false },
        { data: 'City', name: 'City', title: 'City', orderable: false },
      ],
      buttons: [
        { urlProperty: 'urlDetail', label: '<i class="icon-search4"></i> Detail' },
      ]
    })
    
  })

字符串
怎么了?

fcy6dtqo

fcy6dtqo1#

您可以尝试像下面这样初始化省和市。

province = $('select[name="province"]').val();
city = $('select[name="city"]').val();

字符串
您可以在不使用option:selected的情况下捕获<select>标记值

wixjitnu

wixjitnu2#

$(document).on('change', 'select[name="province"], select[name="city"]', function() {
    province = $('select[name="province"] option:selected').val();
    city = $('select[name="city"] option:selected').val();
    
    console.log(province+'---'+city);  

// Output: 20---Indore , 30---Dubai

});

个字符

相关问题