如何将值从 JavaScript 发送到表单并获取该值作为表单 ID

Question

我有一个完整的日历脚本。我已经为今天创建了一个事件（例如），现在我想编辑它，所以在单击今天的日期时，我必须将一个值从 JavaScript 发送到我的表单才能编辑此事件。这是我的点击JavaScript函数var initialize_calendar;initialize_calendar = function() {  $('.calendar').each(function(){      eventClick: function(event, jsEvent, view) {        $.getScript(event.edit_url, function() {          $('#event_id').val(event.id);        });      }    });  })};$(document).on('turbolinks:load', initialize_calendar);我从我的表格中获得的值为 32。您可以在表单下方的表单输入字段中看到它$('#event_id').val(event.id);<form class="simple_form edit_event" id="edit_event_#{#event_id}" action="/securities/events/#{#event_id}" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="patch">        <input type="hidden" value="32" name="event[id]" id="event_id"></form>我的问题是相同的事件 ID 32，我想在我的表单 ID 中附加为 和表单操作。id="edit_event_32"action="/securities/events/32"

Answer 1

可以使用 jQuery 方法来获取元素的父元素。获取父级后，您可以使用 jQuery 方法设置属性。代码如下。parent()idattr()

$('#event_id').parent().attr('id','edit_event_'+event.id);

现在，要设置操作，您仍然可以使用相同的技术。代码如下。form

$('#event_id').parent().attr('action','/securities/events/'+event.id);