如何更新表单“项目名称”从下拉列表中选择一个项目

Question

当选择下拉菜单中的项目时，是否可以更新表单中的隐藏值“项目名称”？

<input type="hidden" name="item_name" value="PHOTOID 2 Product MUG" />

下拉列表：（从 datase 填充。mug

£9.99

a4 print £2.50

等

ID

当选择一个项目时，但在按下“添加到购物车”按钮之前，可以更新 item_name 值？否则我只会收到发送的照片 到购物车。这会将商品添加到 paypal 购物车，我只能有一个商品名称，然后是下面填充的选项列表，谢谢

。

Answer 1

如果您的下拉菜单是 标记，那么您可以执行以下操作：

<script type="text/javascript">
function updateItemName() {
  var select = document.getElementById('select_stuff');
  var field = document.getElementById('item_name');

  field.value = select.options[select.selectedIndex].value;
};
</script>

<input type="hidden" name="item_name" id="item_name" value="" />

<select name="select_stuff" id="select_stuff" onchange="updateItemName()">
  <option value="Stuff 1" >Stuff 1</option>
  <option value="Stuff 2">Stuff 2</option>
</select>

Answer 2

你可以用 javascript 来做到这一点，但我不太清楚为什么你需要这样做。如果您有一个带有值的选择和一个隐藏字段，该隐藏字段应该采用与选择相同的值，那么这意味着您将提交相同的数据两次。直接使用select控件的值就可以了。

Answer 3

用 javascript 很容易做到；对于 jQuery 来说微不足道。假设我们有以下 html：

<ul id="item-list">
   <li>One certain item</li>
   <li>Another one</li>
   ...
</ul>
<input type="hidden" name="item_name" id="item_name" value="" id="the_id"/>

您要做的是：

<script type="text/javascript">
$('#item-list li').click(function() {
    $('#the_id').attr(name, $(this).text());
});
</script>

这意味着：

当用户单击 id item-list 的元素包含的 li 时
分配给 id the_id 的元素，作为名称，他们刚刚单击的 li 包含的文本。

---

抱歉，我刚刚意识到您想更改名称而不是值：固定。