javascript - 更改 <input> 字段的显示

Question

我有一个 <input>表单中的字段如下:

<input
    class="form-control"
    data-filter="M"
    id="id_options_price"
    name="options_price"
    tabindex="141"
    type="text"
    value="121000.00">

如何更改 input 的显示方式？ ，允许在某些页面上将此字段显示为 121 000,00(数字组之间有空格)保持 value和 type属性。

有没有办法用 JS 来做？

Answer 1

“有什么方法可以用 JavaScript 实现吗？”

假设它指的是对象复制方法，是的，我可以在 JQuery 中向您展示。

我们只需要在输入之后插入一个新元素:

$( "#id_options_price" ).after( "<div class='price'>"+$("#id_options_price").val()+"</div>" );

并隐藏原始输入:

$( "#id_options_price" ).hide();

当然，这些行应该在页面加载后调用，i. e. :

$( document ).ready(function() {
     $( "#id_options_price" ).after( "<div class='price'>"+$("#id_options_price").val()+"</div>" );
    $( "#id_options_price" ).hide();
});