Javascript 如何捕获购物车的内容作为表单中的输入

如何将“shoppingCart”选项作为表单中的输入“formdesc”进行验证

示例：

不起作用

HTML:

...
<select id="apparelType">
    <option selected="selected" value="na">Select</option>
    <option value="0">T-Shirt</option>
    <option value="1">Shorts</option>
    <option value="2">Hat</option>
    <option value="3">Bag</option>
</select>

<label for="numb">Total: <span>$</span></label> 
<input id="numb" type="number" name="formbal" value="0.00" /> 
<input id="pretaxTotal" type="hidden" value="0.00" />
<ol id="shoppingCart"></ol>
</form>

<script type="text/javascript">

    $('#apparelType').change(function(){
        var apparelType = $('#apparelType');
        var fmapVal = apparelType.val();

        if (fmapVal == 'na') {
          alert('Please select an apparel type.');
        } else {
          var appVal = [ 15, 20, 25, 30 ];
          var description = apparelType.find('option:selected').text();
          var cost = appVal[fmapVal];

          var pretaxTotal = parseInt($('#pretaxTotal').val());
          var subtotal = pretaxTotal + cost;
          var updatedTotal = ( subtotal * 1.06 ).toFixed(2);

          $('#pretaxTotal').val(subtotal);
          $('#numb').val(updatedTotal);

          $('#shoppingCart').append('<li>' + description + '</li>');
      }
  });

</script>

。。。
挑选
T恤
短裤
帽子
纸袋
总计：$

JS:

...
<select id="apparelType">
    <option selected="selected" value="na">Select</option>
    <option value="0">T-Shirt</option>
    <option value="1">Shorts</option>
    <option value="2">Hat</option>
    <option value="3">Bag</option>
</select>

<label for="numb">Total: <span>$</span></label> 
<input id="numb" type="number" name="formbal" value="0.00" /> 
<input id="pretaxTotal" type="hidden" value="0.00" />
<ol id="shoppingCart"></ol>
</form>

<script type="text/javascript">

    $('#apparelType').change(function(){
        var apparelType = $('#apparelType');
        var fmapVal = apparelType.val();

        if (fmapVal == 'na') {
          alert('Please select an apparel type.');
        } else {
          var appVal = [ 15, 20, 25, 30 ];
          var description = apparelType.find('option:selected').text();
          var cost = appVal[fmapVal];

          var pretaxTotal = parseInt($('#pretaxTotal').val());
          var subtotal = pretaxTotal + cost;
          var updatedTotal = ( subtotal * 1.06 ).toFixed(2);

          $('#pretaxTotal').val(subtotal);
          $('#numb').val(updatedTotal);

          $('#shoppingCart').append('<li>' + description + '</li>');
      }
  });

</script>

$（'#apparelType'）。更改（函数（）{
var apparelType=$（“#apparelType”）；
var fmapVal=apparelType.val（）；
如果（fmapVal=='na'）{
警报（'请选择一种服装类型'）；
}否则{
var-appVal=[15,20,25,30]；
var description=apparelType.find（'option:selected'）.text（）；
var成本=appVal[fmapVal]；
var pretaxTotal=parseInt（$（'#pretaxTotal'）.val（）；
var小计=税前总额+成本；
var updatedTotal=（小计*1.06）。toFixed（2）；
$（'税前总额'）.val（小计）；
$（'#numb'）.val（更新总数）；
$（“#shoppingCart”）.append（“
”+description+”
）；
}
});

您可以在表单中创建另一个隐藏字段，每次进行选择时，您都可以将值（0-3）添加到隐藏字段，并为每个项目添加一个分隔符。因此该字段包含如下内容

0；3.1.2.3;。稍后，您可以在接收表单数据的代码中再次拆分此字段

在html中，它将如下所示：

<input id="techCart" type="hidden" value = ""/>

在你的另一部分末尾

有关快速测试，请参阅。
能否提供隐藏字段的示例？我试过了，但没有成功。这有点新鲜。谢谢你，这工作做得很好（vielen Dank）Chris。还有一个问题：有没有办法通过t恤；短而不是0；例如2？此外，我不能再次选择T恤和T恤（数量为2）