JavaScript 使用JavaScript将文本输入转换为选择

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 使用JavaScript将文本输入转换为选择相关的知识，希望对你有一定的参考价值。

<div id="buy-buttons">
  <label>Quantity:</label>
  <input name="txtQuantity" id="txtQuantity" type="text" value="1" />
  <input type="submit" name="btnAddToCart" value="Add To Cart" id="btnAddToCart" />
</div>
 
<script>
// First way:
$("#txtQuantity").remove();
$("#buy-buttons").append('<select name="txtQuantity" id="txtQuantity"></select>');
$("#txtQuantity").append('<option value="1" selected="selected">1</option>' +
    '<option value="2">2</option>' +
    '<option value="3">3</option>' +
    '<option value="4">4</option>' +
    '<option value="5">5</option>');
 
// Second way:
$("#txtQuantity")
    .replaceWith('<select name="txtQuantity" id="txtQuantity">' +
        '<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>' +
        '</select>');
</script>

以上是关于JavaScript 使用JavaScript将文本输入转换为选择的主要内容，如果未能解决你的问题，请参考以下文章

将文本区域中的少量文本更改为粗体

Javascript检查提交时的文本限制

如何为 django 模板中的标签创建动态 id

如何使用 PHP 将文本区域数据从 HTML 文档发送到 MySQL 数据库？

请问找到了js代码后应该如何下载

GTK3下如何将文本域绑定到本地文件夹以获取文本