如何将jQuery输出值存储到input标签中?
解决方案:将HTML内容存入隐藏Input标签
嗨,这个需求很容易实现,直接在你的success回调函数里加一行赋值代码就行,给你两种方案参考:
方式1:直接存储接口返回的data(推荐,更高效)
既然你已经用接口返回的data给#uploaded_image设置了HTML内容,直接把data赋值给隐藏input就好,不用额外读取DOM内容:
success:function(data) { // 渲染图片展示区域 $('#uploaded_image').html(data); // 将内容存入隐藏input $('input[name="string"]').val(data); }
方式2:读取DOM渲染后的HTML内容存储
如果你的#uploaded_image在渲染后还有额外的前端处理(比如动态修改了内容),可以读取它最终的HTML再存入input:
success:function(data) { $('#uploaded_image').html(data); // 获取渲染完成后的HTML内容 const renderedHtml = $('#uploaded_image').html(); // 存入隐藏input $('input[name="string"]').val(renderedHtml); }
另外,你的HTML里隐藏input的写法可以简化,不需要闭合标签:
<input name="string" hidden>
内容的提问来源于stack exchange,提问作者Chrissa
相关产品推荐
相关产品推荐

