javascript - 从多个 HTML 元素获取值

Question

我有一个事件日期列表，客户可以通过表格预订。此刻我有些麻烦onclick脚本附加到<a>标签:

<h4>New York</h4>
<a onclick="$('#buy-form').animatescroll({scrollSpeed:700,easing:'easeInOutSine'}); document.getElementById('date').value='20-24 January'; document.getElementById('venue').value='New York'; $('#resicheck').attr('disabled', true);">20-24 January</a>

这会使用 animatescroll 滚动页面。 jquery 插件，设置表单上的日期输入，设置表单上的地点输入，并禁用复选框。每个 field 都有多个日期，因此会添加大量代码，而且通常很糟糕。

我无法将所有这些打包成一个简洁的函数，但是考虑到日期各不相同并且有多个地点，我如何才能获得要使用的相关地点和日期文本？

Answer 1

这是脚本:

function updateDetails(loc, date) {
   $('#buy-form').animatescroll({scrollSpeed:700,easing:'easeInOutSine'});    
   document.getElementById('date').value= date; 
   document.getElementById('venue').value= loc;   
   $('#resicheck').attr('disabled', true);
}

而且，这是标记:

<h4>New York</h4>
<a href="javascript:updateDetails('New York', '20-24 January');">20-24 January</a>
<a href="javascript:updateDetails('New York', '24-28 January');">24-28 January</a>
<h4>New Jersey</h4>
<a href="javascript:updateDetails('New Jersey', '10-14 January');">10-14 January</a>