Question

我正在开发一个PHP设备租赁系统。

我需要发送一个包含所选设备的ID，数量，时间和值字段的表单。每个租金可以有N个设备，因此有N个字段。

我该怎么做？我是否通过javascript生成字段？为每件设备发送一个阵列？

会是这样的：

<input type='text' name='equipment[]'>
<input type='text' name='quantity[]'>
<input type='text' name='time[]'>

但我怎么会这样做：

array(array[0](equipment=>1,quantity=>2,time=>4),array[1](equipment=>2,quantity=>2,time=>4),array[2](equipment=>1,quantity=>2,time=>4));

Answer 1

一个小例子：

HTML：

 <div id="content">
<input type="text" class="fieldone" id="fields_1" name="fields[]"/>

</div><input type="button" id="addmore" />

Jquery的：

counter=1;
$(document).on('click','#addmore',function(){
counter++;
var htmltoadd='<input type="text" class="fieldone" id="fields_"'+counter+' name="fields[]"/>';
$("#content").append(htmltoadd);
});

您需要在此示例中包含jquery。

Answer 2

我认为您可以通过以下方式进行分组：

var context = new (window.AudioContext || window.webkitAudioContext)();
var audioSrc = 'https://mfbx9da4.github.io/assets/audio/dope-drum-loop_C_major.wav'

fetch(audioSrc, onSuccess)

function fetch (url, resolve) {
  var request = new XMLHttpRequest();
  request.open('GET', url, true);
  request.responseType = 'arraybuffer';
  request.onload = function () { resolve(request) }
  request.send()
}

function onSuccess (request) {
  var audioData = request.response;
  context.decodeAudioData(audioData, onBuffer, onDecodeBufferError)
}

function onBuffer (buffer) {
  var source = context.createBufferSource();
  console.info('Got the buffer', buffer);
  source.buffer = buffer;
  source.connect(context.destination);
  source.loop = true;
  source.start()
}

function onDecodeBufferError (e) {
  console.log('Error decoding buffer: ' + e.message);
  console.log(e);
}

这样你就可以在每个组中发布一个数组，所以：

<div id="rental_group_1">
    <input type="text" name="rent_1[]" id="equipment_1">
    <input type="text" name="rent_1[]" id="quantity_1">
    <input type="text" name="rent_1[]" id="time_1">
</div>
<div id="rental_group_2">
    <input type="text" name="rent_2[]" id="equipment_2">
    <input type="text" name="rent_2[]" id="quantity_2">
    <input type="text" name="rent_2[]" id="time_2">
</div>...

将此添加到@Blesson Christy解决方案将为您想要的内容创建一个良好的UI / UX。希望能帮助到你！：d

在表单上发送多个字段

2 个答案: