Rails表单：如何用JQuery设置隐藏域值？提交值异常求助

哈哈，这个问题我之前也踩过坑！你看到的#<something :0x007f2331b74408>其实是JavaScript对象的默认toString()输出，根本不是你要存储的实际ID值，问题出在jQuery赋值的环节：你不小心把一个JS对象直接传给了隐藏域的val()方法，而不是提取对象里的ID属性。

为什么会出现这种情况？ #

当你执行类似$('#_id').val(someObject)的代码时，jQuery会调用这个对象的toString()方法把它转成字符串。很多自定义对象、DOM元素或者未正确序列化的数据对象，toString()的结果就是这种#<...>格式的字符串，和Ruby里打印对象时的输出类似。

怎么解决？ #

核心是确保你传给val()的是纯字符串/数值类型的ID，而不是对象本身。结合你的视图代码，给你几个常见场景的正确写法：

1. 从禁用的input#bla取值赋值
   如果#bla里已经有正确的ID值，直接提取它的value：

   // 正确写法：取input的value属性
   $('#_id').val($('#bla').val());
   

   ❌ 错误写法（直接传DOM对象）：

   $('#_id').val($('#bla')); // 这会把DOM元素转成#<HTMLInputElement...>的字符串
   

2. 从元素的data属性获取ID
   如果你的ID存在某个元素的data属性里（比如<div data-object-id="123">），要提取对应的属性值：

   const targetId = $('#some-element').data('object-id');
   $('#_id').val(targetId);
   

3. 从API返回的对象中取ID
   如果是异步请求拿到的数据对象，要明确访问它的id字段：

   $.get('/api/objects/1', function(response) {
     // 正确：取对象的id属性
     $('#_id').val(response.id);
     // ❌ 错误：直接传整个response对象
     // $('#_id').val(response);
   });
   

额外排查小技巧 #

赋值后可以用浏览器开发者工具确认结果：

• 在控制台执行console.log($('#_id').val())，看输出是不是你预期的ID值
• 打开Elements面板，找到隐藏域#_id，查看它的value属性是否正确

内容的提问来源于stack exchange，提问作者Filippo Luppi