显示从保管箱值接收的数据

时间:2019-07-03 03:57:22

标签: javascript jquery node.js

我希望一旦用户在下拉列表中选择了一个从mysql数据库获取的其他项目,该字段的特定数据就会显示出来。

当前,我能够在下拉框中获取项目的值,但无法使用。

<h3>Drop down Menu</h3>
<select id="dmenu">
  <option selected="selected" id="opt">Choose your station</option>
</select>
<div id="optionT"></div>
$(document).ready(() => {
  window.onload = ajaxCallback;

  function ajaxCallback(data) {
    var data;
    var myOptions;
    var output;
    $.ajax({
      url: 'http://localhost:5000/alldata',
      type: 'GET',
      datatype: 'json',
      success: (data) => {
        //$.each(data, function (index, value) {

        var output = [];

        $.each(data, function(key, value) {

          output.push('<option value="' + key + '">' + value.Station +
            '</option>');
        });

        $('#dmenu').html(output.join(''));
      }
    })
  }
});

$('#dmenu').on('change', function() {

      //alert( this.value );
      //alert($(this).find(":selected").value());

      function stationData(data) {

        var stationName = $(this);
        alert(stationName.val());
        //var stationName = $(this).value();

        //var stationName = $(this).find(":selected").value()

        $.ajax({
            url: 'http://localhost:5000/alldata',
            method: 'POST',
            data: {
              station: stationName
            },

            success: (data) => {
              $.each(data, function(i) {


                  data[i]
                  //console.log(i);

                  var station_loopOp = '';

                  //console.log(JSON.stringify(data[i].Station));

                  station_loopOp += '<li>ID: ' + JSON.stringify(data[i].ID) +
                    '</li>' +
                    '<li>Station: ' + JSON.stringify(data[i].Station) +
                    '</li>' + '<li>Address: 
                  '+JSON.stringify(data[i].Address)  +
                  '</li>' + '<li>' +
                  Sales: JSON.stringify(data[i].Monthly_CStore_Sales) +
                    '</li>' + '<li>Operator: ' +
                    JSON.stringify(data[i].Operator) + '</li>' +
                    '<li>Top SKU: ' + JSON.stringify(data[i].Top_SKU) +
                    '</li>' +
                    '</<li>' + '<br/>');

                $('#optionT').html(station_loopOp);
              }
            });
        }

      });

1 个答案:

答案 0 :(得分:0)

您只是在回调函数中定义Shareholder,而不在其内部的任何地方调用它。

将此行添加到您的函数中:Investee