Question

我想从下拉列表中将值发送到单独的ajax函数

这是我用于materializecss

的下拉列表的一些代码

        <a class='dropdown-button btn' href='#' data-activates='dropdown1'>choisir le temp d'arrivée !</a>


<ul id='dropdown1' class='dropdown-content'>
<li><a href="#!">5 minutes</a></li>
<li><a href="#!">10 minutes</a></li>
<li><a href="#!">15 minutes</a></li>

和ajax函数

     function isochroneIGN(lat, lng) {
    var urlign = 'http://wxs.ign.fr/rvahvdprhlyejxbib0gemjzn/isochrone/isochrone.json';
    $.ajax({
      url: urlign,
      data: {
        location: lng+','+lat,
        method: 'Time',
        graph: 'Pieton',
        graphName: 'Pieton',
        exclusions: '',
        time: 5000,
        holes: true,
        smoothing: true
      },
      type: 'GET',
      dataType: 'json',
      success: function(res) {
        layerGroup.clearLayers();
        var wkt = new Wkt.Wkt();
        wkt.read(res['wktGeometry']);
        var feature = wkt.toObject();
        feature.setStyle({
          color: '#FF0000',
          fill: true,
          fillColor: '#FF0000',
          fillOpacity: 0.2
        });
        layerGroup.addLayer(feature);
        map.fitBounds(layerGroup.getBounds());
      },
      error: function(res) {
        console.log(res);
      }
    })
  }

我想将jquery下拉列表的值发送到时间变量

感谢您的帮助，

Answer 1

// manually bind the value
$('#dropdown1 li').click(function(){

   $('#dropdown1').attr('data-val', $(this).attr('value'));
})
//    and use it as
 $.ajax{ ..... 
   time: $('#dropdown1').attr('data-val')
  }

从jquery下拉列表中发送值tp单独的ajax函数

1 个答案: