javascript - 使用 AJAX 和 JavaScript 发送选定的选项

Question

我有一个选择下拉菜单，我想将选定的选项发送到ajax，然后显示它。

这是我的 HTML:

<label>Tag</label>
    <select id="day"></select>
    <label>Monat</label>
    <select id="month"></select>
    <label>Jahr</label>
    <select id="year"></select>

它由 JavaScript 动态填充。

var day = document.getElementById('day');
var month = document.getElementById('month');
var year = document.getElementById('year');
var hour = document.getElementById('hours');
var minute = document.getElementById('minutes');

    var _month = ["Januar","Februar","März","April","Mai","Juni","August","September","Oktober","November","Dezember"];
    var _year = ["2017", "2018", "2019", "2020", "2021", "2022"];

    for(var i = 0; i <= 31; i++){
        day.options[day.options.length] = new Option(i+1, i + 'tag');
    }

    for(var i = 0; i <= _month.length; i++){
        month.options[month.options.length] = new Option(_month[i], i);
    }

    for(var i = 0; i <= _year.length; i++){
        year.options[year.options.length] = new Option(_year[i], i);
    }

效果很好。但是我如何使用 AJAX 发送选定的选项以将其显示在任何地方？

Answer 1

jQuery 是为了让我们轻松使用 JavaScript 而创建的。

$(function(){
    $('button').on('click', function(){
        tag = $('#day').val();
        monat = $('#month').val();
        jahr = $('#year').val();

        $.ajax({
          url: 'urlhere',
          type: 'post',
          data: {
            tag: tag,
            monat: monat,
            jahr : jahr
          },
          dataType: 'json',
          cache: false,
          beforeSend: function () {
                // things to do before success
          },
          success: function (data) {
                // results here
          }
        });
    });
});

https://jsfiddle.net/26L22c69/