从多个HTML元素中获取值

我有一个客户可以通过表格预订的活动日期列表。 目前，我有一些附加到标签的麻烦的onclick脚本：

 
New York
 20-24 January 

这将使用animatescroll jquery插件滚动页面，在表单上设置日期输入，在表单上设置场地输入，并禁用复选框。 每个场地都有多个日期，因此它添加了大量代码并且通常很讨厌。

我不能将所有这些包装成一个整洁的function，但我怎样才能获得相关的场地和日期文本，记住日期各不相同，有多个场地？

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); } 

而且，这是标记：

 
New York
 20-24 January 24-28 January 
New Jersey
 10-14 January 

Answer 2

 $('a').on('click', function (e) { $('#buy-form').animatescroll({scrollSpeed:700,easing:'easeInOutSine'}); $('#date').val('20-24 January'); $('#venue').val('New York'); $('#resicheck').attr('disabled', true); }); 

这是一个链接的情况。 对于多个链接，您可以在每个不同的元素上附加数据元素，例如：

 20-24 January 22-25 January 

然后使用以下javascript

 $('a').on('click', function (e) { $('#buy-form').animatescroll({scrollSpeed:700,easing:'easeInOutSine'}); $('#date').val($(this).data('date')); $('#venue').val($(this).data('venue')); $('#resicheck').attr('disabled', true); }); 

您可以使用jQuery（和javascript）附加事件并取出html中的代码。 在jQuery中访问ID是#[id] ，更多信息在jQuery站点上