JavaScript:是否可以动态地将 &lt;input&gt; 更改为 <select> 元素并再次返回?

标签 javascript html-select html-input

我正在使用“Zen Cart”购物车。默认是让访问者选择国家和“状态”动态填充。如果他们选择一个没有定义州的国家/地区,下拉菜单会显示“在下面输入您的州”,然后会动态显示一个输入框。

如果为该国家/地区定义了州,则当前的方式很好,但如果没有,则最好将下拉列表显示为文本输入而不是显示新的文本输入。

如果没有选择,我可以动态地将下拉列表更改为文本输入吗?而且,如果没有启用 JavaScript,它可以默认为文本输入吗?

我看到这个问题:Change select to input on selection of country?

但我没有得到 jQuery 引用。 :(

最佳答案

还有另一种可能的实现方式:

您在 HTML 中添加 INPUT 和 SELECT 元素。

如果您已经定义了 STATES,您可以进行 INPUT display: none; 并在您的 SELECT 中添加要选择的变体;否则,您使 SELECT display: none;,以便用户看到输入。

它易于实现和使用,并且对用户而言清晰明了。

关于JavaScript:是否可以动态地将 &lt;input&gt; 更改为 <select> 元素并再次返回?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11130552/

相关文章:

javascript - 限制 Phaser3 更新速率的方法?

AngularJS选择: remove empty option and use data objects not arrays

javascript - 等待 setState 完成

javascript - AngularJS 高级缓存技术

javascript - 使用原型(prototype)判断多选框中所选项目的数量是否 > 1

javascript - 设置输入字段的值

android - 哪些型号的三星智能手机的 html5 输入类型 ="number"缺少句点?

javascript - 使输入上的禁用属性与 Meteor 助手 react 的最佳方法是什么?

javascript - 将 jsmeter 用于我的 asp.net 应用程序

javascript - 如何将一个 html div 重叠在另一个 div 上?