You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在jQuery的input元素value属性中插入变量?

实现将变量插入input的value属性(jQuery场景)

当然可以实现,下面给你几种实用的写法:

  • 字符串拼接法:直接把变量拼进HTML字符串里
var myValue = "你要插入的内容";
var fieldHTML = '<div><input type="text" name="field_name[]" value="' + myValue + '"/></div>';
  • ES6模板字符串(更简洁直观):用反引号包裹字符串,变量用${}嵌入
var myValue = "你要插入的内容";
var fieldHTML = `<div><input type="text" name="field_name[]" value="${myValue}"/></div>`;
  • jQuery创建元素法(更安全可靠):直接用jQuery构造元素,避免特殊字符导致的语法问题或XSS风险
var myValue = "你要插入的内容";
var $field = $('<div>').append(
  $('<input>', {
    type: 'text',
    name: 'field_name[]',
    value: myValue
  })
);
// 后续可将元素添加到DOM,比如 $('body').append($field);

注意:如果变量包含引号这类特殊字符,前两种方法可能会破坏HTML结构,优先用第三种jQuery创建元素的方式,它会自动处理转义,更稳妥。

内容的提问来源于stack exchange,提问作者Jhon Fer

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.21 04:36:13