Question

我正在尝试发布项目和价格中的name="pricetag"和name="size" ...我知道这不起作用，因为我使用了回声但没有任何东西出现但是如果我回声我展示的产品的pid。以下代码

<form id="add2cart" name="cart" method="Post" action="<?php fetchdir($bpages); ?>cart.php">
    <table>
        <tr>
            <td width="160">Price:</td>
            <td name="pricetag" id="pricetag">£25.00</td>
        </tr>
        <tr>
            <td width="160">Item:</td>
            <td name="size" id="item">12 inch</td>
        </tr>           
        <tr>
            <td width="160">Length*:</td>
            <td>
                <select name="length" onChange="addCharge(this, this.selectedIndex);" id="priceDropDown" class="small">
                    <option value="£25.00">12 inch</option>
                    <option value="£30.00">14 inch (+£30.00)</option>
                    <option value="£35.00">16 inch (+£35.00)</option>
                    <option value="£40.00">18 inch (+£40.00)</option>
                    <option value="£45.00">20 inch (+£45.00)</option>
                    <option value="£55.00">22 inch (+£55.00)</option>
                    <option value="£60.00">24 inch (+£60.00)</option>
                    <option value="£70.00">26 inch (+£70.00)</option>
                    <option value="£80.00">28 inch (+£80.00)</option>
                </select>
            </td>
        </tr>       
        <tr>
            <td>Quantity</td>
            <td><input type="text" name="Qty" id="Qty" value="1" style="width: 20px; text-align: right" /></td>

        </tr>       
    </table>    
    <div class="cleaner h20"></div>

    <input type="hidden" name="pid" id="id" value="<?php echo $id; ?>" />
    <input type="Submit" class="button" name="button" id="button" value="Add to shopping cart"/>
</form>

点击此处查看Ghillied的实时代码http://jsfiddle.net/J4rXX/5/

Answer 1

它没有POST，因为表单不提交TD元素的内容。仅来自INPUT，SELECT和TEXTAREA。

有关HTML表单here的更多信息。如果您想避免两次显示相同的数据，请尝试INPUT type=hidden。

<table>
<tr>
  <td>Pricetag</td><td>PRICE_HERE</td>
</tr>
</table>
<form>
   <input type="hidden" name="pricetag" value="PRICE_HERE" />
...
</form>

这对于损害现有的JS脚本没有任何作用。

Answer 2

从HTML表单发布到服务器的唯一信息是INPUT，SELECT和TEXTAREA等元素。

如果要发布其他数据，但要让用户无法编辑，则需要将数据理想地放入具有属性type="hidden"的INPUT元素中。这将从字段中发布数据，但会将其隐藏给发布表单的用户。

在表单中的任何位置添加元素都可以。我已将它们放在表单元素的底部，并在此片段中包含已存在的隐藏字段。

我还从代码段中的TD元素中删除了名称属性，以符合Web标准。

<form id="add2cart" name="cart" method="Post" action="<?php fetchdir($bpages); ?>cart.php">
  <table>
    <tr>
      <td width="160">Price:</td>
      <td id="pricetag">£25.00</td>
    </tr>
    <tr>
      <td width="160">Item:</td>
      <td id="item">12 inch</td>
    </tr>           
    <tr>
      <td width="160">Length*:</td>
      <td>
      <select name="length" onChange="addCharge(this,this.selectedIndex);" id="priceDropDown" class="small">
        <option value="£25.00">12 inch</option>
        <option value="£30.00">14 inch (+£30.00)</option>
        <option value="£35.00">16 inch (+£35.00)</option>
        <option value="£40.00">18 inch (+£40.00)</option>
        <option value="£45.00">20 inch (+£45.00)</option>
        <option value="£55.00">22 inch (+£55.00)</option>
        <option value="£60.00">24 inch (+£60.00)</option>
        <option value="£70.00">26 inch (+£70.00)</option>
        <option value="£80.00">28 inch (+£80.00)</option>
      </select>
    </td>
    </tr>       
    <tr>
      <td>Quantity</td>
      <td><input type="text" name="Qty" id="Qty" value="1" style="width: 20px; text-align: right" /></td>
    </tr>       
  </table>    
  <div class="cleaner h20"></div>

  <input type="hidden" name="pricetag" value="£25.00" id="hiddenpricetag" />
  <input type="hidden" name="size" value="12 inch" id="hiddensize" />
  <input type="hidden" name="pid" id="id" value="<?php echo $id; ?>" />
  <input type="Submit" class="button" name="button" id="button" value="Add to shopping cart"/>
</form>

编辑：

注意到表单使用javascript，在更改SELECT数据时，更改TD元素的HTML数据。

为了确保表单发布了TD元素中的正确数据，您需要在隐藏的输入字段中添加ID标记，以便您可以对javascript进行编程以更新这些以及TD元素。< / p>

我已将ID hiddenpricetag和hiddensize添加到两个隐藏字段中。

你的javascript函数应该是这样的：

function addCharge(select, elemIndex)
{
    var item = select.getElementsByTagName('option')[elemIndex];
    var price = document.getElementById('pricetag');
    var sizeDOM = document.getElementById('item');

    var hiddenpricetag = document.getElementById('hiddenpricetag');
    var hiddensize = document.getElementById('hiddensize');

    var finalPrice = "";

    /* Getting the price and showing it up */
    finalPrice = parseFloat(item.text.substring(11, item.text.length-1));

    /* We set a default £25.00 value */
    if(isNaN(finalPrice)) finalPrice = "25";

    /* we add decimal */
    price.innerHTML="£"+finalPrice+".00";

    /* Getting the size and showing it up */
    var size = item.text.substring(0,7);
    sizeDOM.innerHTML = size;

    /* Altering the hidden field values */
    hiddenpricetag.setAttribute("value", "£"+finalPrice+".00");
    hiddensize.setAttribute("value", size);
}

JSFiddle可以在这里找到：http://jsfiddle.net/J4rXX/7/

发布过帐数据

2 个答案: