如何从表单、php或jquery生成查询字符串(url)?
我正在尝试从下面的表单生成一个特定的url。 将有一个日历,日期将进入url。 还包括9种票证类型的值以及每种票证的数量。 所以我的url看起来像这样 使用这些值: 行动:总是“快速销售”, 维纽伊德:总是“1”, businessdate:请求的销售日期;可以是mm-dd-yyyy或yyyy-mm-dd, TIDS:见下表, 数量:按ticketid的列出顺序 我应该如何处理这个问题,我应该使用php还是jquery?发布或获取。 日历应该是Jquery吗 寻求建议,谢谢如何从表单、php或jquery生成查询字符串(url)?,php,jquery,forms,url,Php,Jquery,Forms,Url,我正在尝试从下面的表单生成一个特定的url。 将有一个日历,日期将进入url。 还包括9种票证类型的值以及每种票证的数量。 所以我的url看起来像这样 使用这些值: 行动:总是“快速销售”, 维纽伊德:总是“1”, businessdate:请求的销售日期;可以是mm-dd-yyyy或yyyy-mm-dd, TIDS:见下表, 数量:按ticketid的列出顺序 我应该如何处理这个问题,我应该使用php还是jquery?发布或获取。 日历应该是Jquery吗 寻求建议,谢谢
<form method="post" action="">-->
<div class="quick-book-form-elements">
<table width="255" class="quick-book-table" cellpadding="4">
<tbody>
<tr class="quick-book-days">
<th> </th>
<th><img src="../public/img/1day-small.png" alt="" /></th>
<th><img src="../public/img/2day-small.png" alt="" /></th>
<th class="quick-book-last"><img src="../public/img/3day-small.png" alt="" /></th>
</tr>
<tr class="quick-book-adults">
<th class="quick-book-labels">
Adult
</th>
<td>
<div class="ticket-style-quick-book">
<select class="adult-ticket-select">
<option value="0">0</option>
<option value="1">1</option>
</select>
<span class="quick-book-price">$40/ea</span>
</div>
</td>
<td>
<div class="ticket-style-quick-book">
<select class="adult-ticket-select">
<option value="0">0</option>
<option value="1">1</option>
</select>
<span class="quick-book-price">$50/ea</span>
</div>
</td>
<td class="quick-book-last">
<div class="ticket-style-quick-book">
<select class="adult-ticket-select">
<option value="0">0</option>
<option value="1">1</option>
</select>
<span class="quick-book-price">$60/ea</span>
</div>
</td>
</tr>
<tr class="quick-book-child">
<th class="quick-book-labels">Child</th>
<td>
<div class="ticket-style-quick-book">
<select class="adult-ticket-select">
<option value="0">0</option>
<option value="1">1</option>
</select>
<span class="quick-book-price">$30/ea</span>
</div>
</td>
<td>
<div class="ticket-style-quick-book">
<select class="adult-ticket-select">
<option value="0">0</option>
<option value="1">1</option>
</select>
<span class="quick-book-price">$40/ea</span>
</div>
</td>
<td class="quick-book-last">
<div class="ticket-style-quick-book">
<select class="adult-ticket-select">
<option value="0">0</option>
<option value="1">1</option>
</select>
<span class="quick-book-price">$50/ea</span>
</div>
</td>
</tr>
<tr class="quick-book-family">
<th class="quick-book-labels">Family</th>
<td>
<div class="ticket-style-quick-book">
<select class="adult-ticket-select">
<option value="0">0</option>
<option value="1">1</option>
</select>
<span class="quick-book-price">$125/ea</span>
</div>
</td>
<td>
<div class="ticket-style-quick-book">
<select class="adult-ticket-select">
<option value="0">0</option>
<option value="1">1</option>
</select>
<span class="quick-book-price">$155/ea</span>
</div>
</td>
<td class="quick-book-last">
<div class="ticket-style-quick-book">
<select class="adult-ticket-select">
<option value="0">0</option>
<option value="1">1</option>
</select>
<span class="quick-book-price">$185/ea</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<a href="http://sales.site.com/" title="" class="quick-book-submit-btn"></a>
<input type="submit" class="quick-book-submit-btn" name="quick-book-submit-btn" value="" />
</form>
</div><!-- end quick-book-form div -->
-->
成人
0
1.
每套$40
0
1.
每件$50
0
1.
每套$60
小孩
0
1.
每套$30
0
1.
每套$40
0
1.
每件$50
家庭
0
1.
每套125美元
0
1.
每间155元
0
1.
每张$185
对于日历,确实可以使用jQuery ui。这是一个很好的小部件,易于配置,功能非常强大 您可以将其配置为在输入中输入所需的格式(例如YYYY-MM-DD) 最后,您应该在submit事件上添加一个侦听器,以执行操作修改:
// This function will be call before the submit
$("#YOUR_FORM_ID").submit(function(submitEvent) {
// Initialize the query param array
var queryParams = [];
// Fill the query param with values
queryParams.push("action=quicksale");
queryParams.push("venueid=1");
queryParams.push("businessdate=" + $("#YOUR_INPUT_DATE_ID").val());
// etc...
// Finally update the form action
$(this).attr('action', 'https://sales.site.com/?' + queryParams.join("&"));
// The action has been updated
// The submit will process
});