数据在确认框中的显示方式存在问题

Issue with the way data is displayed in confirm box

本文关键字：显示方式 存在 问题 确认 数据      更新时间：2023-09-26

我有一个带有多个文本框的表单，我可以在其中键入材料名称，并在另一个框中键入材料价格。

当用户单击提交时，我将显示一个包含输入材料和价格的确认框。在这个确认框中，我想显示所有输入的matr_name和相关的matr_price（每行一个）。我只是似乎无法让它按我想要的方式显示，下面的脚本输出如下：

matr_name
matr_price
matr_name
matr_price
等等

我希望它显示如下：
matr_name:matr_price
matr_name:matr_price
matr_name:matr_price
等

我得到的只是下面的脚本，它给了我正确的输出，只是没有在确认框中按我想要的方式显示。

脚本

var matr_name = $("input[name*='matr']").map(function() {
return $(this).val()}).get().join(''n');
var confirm_form = confirm("Rep:'n" + matr_name);
console.log("Mart.: " + matr_name);
if(confirm_form == true)
  {
return true;
  } 
else {
return false;
      }
    }

表单的一部分：

    <tr>
            <td><input type="text" name="matr_name[]" id="matr_name" ></td>
            <td><input type="text" name="matr_price[]" id="matr_price"/></td>
        </tr>
        <tr>
            <td><input type="text" name="matr_name[]" id="matr_name" ></td>
            <td><input type="text" name="matr_price[]" id="matr_price"/></td>
        </tr>
        <tr>
            <td><input type="text" name="matr_name[]" id="matr_name" ></td>
            <td><input type="text" name="matr_price[]" id="matr_price"/></td>
        </tr>
        <tr>
            <td><input type="text" name="matr_name[]" id="matr_name" ></td>
            <td><input type="text" name="matr_price[]" id="matr_price"/></td>
        </tr>
<input type="submit" name="submit_name" id="submit_id" class="submit" value="Done" onclick="javascript:return show_confirm();"/>

您可以根据名称在值后面放置不同的字符串：

var matr_name = $("input[name*='matr']").map(function() {
  return $(this).val() + ($(this).attr('name') == 'matr_name[]' ? ': ' : ''n');
}).get().join('');

或：

var matr_name = $("input[name*='matr']").map(function() {
  if ($(this).attr('name') == 'matr_name[]') {
    return $(this).val() + ': ';
  } else {
    return $(this).val() + ''n';
  }
}).get().join('');
相关文章：