如何将值从JavaScript发送到表单,并将值作为表单id获取
我有一个完整的日历脚本。我已经为今天创建了一个事件(例如),现在我想编辑它,所以点击今天的日期,我必须从JavaScript向我的表单发送一个值来编辑这个事件 这是我的onclick JavaScript函数如何将值从JavaScript发送到表单,并将值作为表单id获取,javascript,jquery,html,Javascript,Jquery,Html,我有一个完整的日历脚本。我已经为今天创建了一个事件(例如),现在我想编辑它,所以点击今天的日期,我必须从JavaScript向我的表单发送一个值来编辑这个事件 这是我的onclick JavaScript函数 var initialize_calendar; initialize_calendar = function() { $('.calendar').each(function(){ eventClick: function(event, jsEvent, view) {
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);
$('#event_id').val(event.id)中的值代码>我的状态是32岁。您可以在表单下方的表单输入字段中看到它
<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\u event\u 32”
,在表单操作action=“/securities/events/32”
中,您可以使用jQueryparent()
方法获取元素的父元素。获取父对象后,您可以使用jQueryattr()
方法设置id
属性。代码如下所示
$('#event_id').parent().attr('id','edit_event_'+event.id);
$('#event_id').parent().attr('action','/securities/events/'+event.id);
现在,要设置表单
操作,您仍然可以使用相同的技术。代码如下所示
$('#event_id').parent().attr('id','edit_event_'+event.id);
$('#event_id').parent().attr('action','/securities/events/'+event.id);
您可以尝试像$('#event_id').parent().attr('id','edit#event_'+event.id')
.Try it..在$('#event_id').val(event.id)之后添加它
感觉像是一个XY问题:与其动态更改表单上的action
属性,为什么不直接使用$发出请求。post
?谢谢@Lal,这对id有效。有没有办法对action执行相同的操作?@Terry遇到一些问题。如果这种方法有效,对我来说就很容易了。@s请在下面检查我的答案。