使用Javascript将文本输入转换为select

前端之家收集整理的这篇文章主要介绍了使用Javascript将文本输入转换为select前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个托管的电子商务平台上进行一些前端开发.系统会向客户发送文本输入,以选择要添加到购物车中的商品数量,但我更喜欢选择.我无法访问系统在这方面吐出的标记,所以我想使用js将文本输入更改为select.

我使用jQuery删除选择并使用正确的选择复制输入元素,但是当我尝试向我的购物车中添加一些东西时,不管选择中的选择如何,都只添加一个项目.

这是原生标记

<div id="buy-buttons">
  <label>Quantity:</label>
  <input name="txtQuantity" type="text" value="1" id="txtQuantity" class="ProductDetailsQuantityTextBox">
  <input type="submit" name="btnAddToCart" value="Add To Cart" id="btnAddToCart" class="ProductDetailsAddToCartButton ThemeButton AddToCartThemeButton ProductDetailsAddToCartThemeButton">
</div>

这是我正在运行的jQuery来更新我的标记.

$("#txtQuantity").remove();
 $("#buy-buttons").append('<select id="txtQuantity" type="text" value="1" class="ProductDetailsQuantityTextBox"></select>');
 $("#txtQuantity").append('<option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option>');

有谁知道为什么这不工作?选择不应该以与文本输入相同的方式通过表单提交信息?

谢谢!

解决方法

您尚未设置字段名称.添加名称=’txtQuantity’到选择.没有name属性,该字段的值将不会被发回服务器.

而不是在select(没有做任何事情)上设置value =’1′,将selected =’selected’添加到第一个选项.结果与默认情况下第一个选项相同.

您可能会以提交按钮之后的选择结束于上述代码.然而,这已经在另一个答案中讨论过.

猜你在找的JavaScript相关文章