如何将JavaScript函数中的购物车项值传递到文本框？

我来帮你搞定这个需求！先看你现有的代码，目前只是获取了购物车的商品数据，但还没把这些内容渲染到文本框的逻辑，咱们来补全它：

第一步：准备文本框 #

首先确保页面上有一个用来展示购物车项的文本框（比如textarea或者input），如果还没有，先添加一个：

<textarea id="cart-items-textarea" rows="10" cols="50" placeholder="购物车商品列表"></textarea>

第二步：修改函数逻辑 #

调整你的initListaOrcamento函数，遍历购物车项，把每个商品的信息拼接成易读的字符串，再赋值给文本框：

function initListaOrcamento() {
  // 获取购物车所有商品项
  var products = $.CestaFeira({ debug: true }).getItems();
  var totalValueTemp = 0;
  // 初始化存储购物车文本的变量
  var cartContent = '';

  // 遍历每个购物车项，拼接详细信息
  products.forEach(function(item) {
    // 这里的字段名（比如item.name、item.quantity）请根据实际返回的数据结构调整
    cartContent += `商品名称：${item.name || '未命名商品'}
购买数量：${item.quantity || 1}
单价：${item.price || 0.00}
小计：${(item.quantity * item.price).toFixed(2)}
------------------------
`;
    // 同步计算总价（如果需要的话）
    totalValueTemp += item.quantity * item.price;
  });

  // 处理购物车为空的情况
  if (products.length === 0) {
    cartContent = '购物车目前是空的哦～';
  }

  // 把拼接好的内容写入文本框
  $('#cart-items-textarea').val(cartContent);
  // 如果你的$cartItems是其他容器（比如div），可以改成：$cartItems.text(cartContent);
}

小提示 #

• 请根据$.CestaFeira.getItems()返回的实际数据结构，调整代码里的字段名（比如item.name可能实际是item.productName，要对应上）
• 如果想要更整洁的格式，可以自定义拼接的分隔符或者排版方式
• 文本框的样式可以通过CSS调整大小、字体等，让内容更易读

内容的提问来源于stack exchange，提问作者zain ul abideen