使用jQuery向链接添加参数
我不熟悉JavaScript/jQuery。我有以下由框架自动生成的HTML代码使用jQuery向链接添加参数,jquery,html,jquery-ui,jquery-selectors,dom-events,Jquery,Html,Jquery Ui,Jquery Selectors,Dom Events,我不熟悉JavaScript/jQuery。我有以下由框架自动生成的HTML代码 <tr class="alternate-row"> <td>17 July, 2012</td> <td>AM Shipment</td> <td>Generated</td> <td> <form method="post" action="" id="ListT
<tr class="alternate-row">
<td>17 July, 2012</td>
<td>AM Shipment</td>
<td>Generated</td>
<td>
<form method="post" action="" id="ListTruckSheets_o_7" class="basic-form" onsubmit="javascript:submitFormDisableSubmits(this)" name="ListTruckSheets_o_7">//I have the name of this form.
<input type="hidden" name="shipmentId" value="10310" id="ListTruckSheets_shipmentId_o_7">
<input type="hidden" name="Report" id="truckSheet_o_7" onclick="javascript:setSelectedRoute(this, 10310);">
<input type="hidden" name="abstractReport" id="routeAbstract_o_7" onclick="javascript:setSelectedRoute(this, 10310);">
<input type="hidden" name="milkDeliverySchedule" id="deliverySchedule_o_7" onclick="javascript:setSelectedRoute(this, 10310);">
<input type="hidden" name="cancelShipment" id="ListTruckSheets_cancelShipment_o_7">
</form>
<td>
<a class="buttontext" href="/myportal/control/KVGenerateTruckSheet.txt?shipmentId=10310&reportTypeFlag=trucksheet" target="_blank" onclick="javascript:setSelectedRoute(this, 10310);" title="Report">Truck Sheet Report</a>
</td>
<td>
<a class="buttontext" href="/myportal/control/KVGenerateTruckSheet.txt?shipmentId=10310&reportTypeFlag=abstract" target="_blank" onclick="javascript:setSelectedRoute(this, 10310);" title="Abstract Report">Route Abstract Report</a>
</td>
<td>
<a class="buttontext" href="/myportal/control/MilkDeliveryScheduleReport.txt?hipmentId=10310&reportTypeFlag=milkDeliverySchedule" target="_blank" onclick="javascript:setSelectedRoute(this, 10310);" title="Milk Delivery Schedule">Delivery Schedule</a>
</td>
<td>
<form method="post" action="/myportal/control/cancelLMSShipment" target="_blank" onsubmit="javascript:submitFormDisableSubmits(this)" name="ListTruckSheets_o_7_0_o_cancelShipment">
<input name="shipmentId" value="10310" type="hidden">
</form>
<a class="buttontext" href="javascript:document.ListTruckSheets_o_7_0_o_cancelShipment.submit()">Cancel</a>
</td>
</tr>
因此,可能是,我需要找到父tr并返回到特定的td并将resultUrl设置为它。我不知道怎么做。我希望我的问题清楚 您可以对此进行测试:
form
.closest('tr') // go parent tr of form
.find('.specific_selected_td') // find td, here specific_selected_td is
// assumed class to selected td
// you may have something different
.find('a') // find anchor tag within that specific td
.attr('href', resultUrl); // set href
编辑后
改变
$('.buttontext').attr('href', resultUrl);
到
此处,
existingUrl
指的是单击的a
从哪里获取文本的选项?您好。。我现在有一个新问题。“attr('href',resultur);”正在设置新的url。但在每次单击时,参数(“routeId”我附加到“existingUrl”的参数)可能会更改。因此,每次单击时,我都需要用新参数替换旧参数,否则我可能会重新加载页面,但重新加载的问题是,用户可能不知道他们以前选择了哪个下拉元素。关于如何做的任何想法。提前谢谢。。
$('.buttontext').attr('href', resultUrl);
$(existingUrl).attr('href', resultUrl);