發送值下拉列表TP獨立的AJAX功能

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') 
    }