如何使用jQuery脚本在PHP(HTML)中创建选项

时间:2017-09-04 07:30:05

标签: javascript php jquery html json

如何使用jQuery在PHP文件中提交HTML选项?

我想在我的网站上整合simplebook.me api。

API的网址为:https://simplybook.me/api/explorer按服务划分的过滤器执行者 我想在PHP站点中创建我的服务广告服务提供者列表的选项字段。

<script>

var loginClient = new JSONRpcClient({
  'url': '//user-api.simplybook.me/login',
  'onerror': function (error) {
    alert(error);
  }
});

var token = loginClient.getToken('narendra', '5501cb0d7052b9d95ba78559ed41cd65c7bc0d3a51e21e259cbe092142f7537e');
var loginClient = new JSONRpcClient({
  'url': '//user-api.simplybook.me/login',
  'onerror': function (error) {
    alert(error);
  }
});

var token = loginClient.getToken('narendra', '5501cb0d7052b9d95ba78559ed41cd65c7bc0d3a51e21e259cbe092142f7537e');

var client = new JSONRpcClient({
  'url': 'https://user-api.simplybook.me/',
  'headers': {
    'X-Company-Login': 'narendra',
    'X-Token': token
  },
  'onerror': function (error) {
    alert(error);
  }
});

var services = client.getEventList();
var performers = client.getUnitList();
var serviceId;
var performerId;
jQuery('#select_event_id').empty();
jQuery('#select_unit_id').empty();
jQuery('#select_event_id').append('<option value=""></option>');
jQuery('#select_unit_id').append('<option value=""></option>');
for (var id in services) {
  jQuery('#select_event_id').append('<option value="' + id + '">' +
                                    services[id].name + '</option>');
}
for (var id in performers) {
  jQuery('#select_unit_id').append('<option value="' + id + '">' +
                                   performers[id].name + '</option>');
}
jQuery('#select_event_id').change(function () {

  // service id
  serviceId = jQuery(this).val();
  var selectedService = services[serviceId];
  // filter available performers
  if (selectedService) {
    if (typeof(selectedService.unit_map) != 'undefined' &&
        selectedService.unit_map.length) {
      jQuery('#select_unit_id option').attr('disabled', true);
      jQuery('#select_unit_id option[value=""]').attr('disabled', false);
      for (var i = 0; i < selectedService.unit_map.length; i++) {
        jQuery('#select_unit_id option[value="' +
               selectedService.unit_map[i] + '"]').attr('disabled', false);
      }
    } else {
      jQuery('#select_unit_id option').attr('disabled', false);
    }
  }
  jQuery('#eventId').val(serviceId).change();
});
jQuery('#select_unit_id').change(function () {
  performerId = jQuery(this).val();
});

还有我的网站网址,我可以使用此代码:

http://dev.dissertationconsulting.co.uk/bookingsystem/cllogin.php

0 个答案:

没有答案