变化呈现

我在下面表格有一个<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做到这一点？

来源

2016-08-01 AlGiorgio

那么你想显示输入字段中的数字？ – RasmusGlenvig

是的，这个号码应该在页面的这个字段 – AlGiorgio

否...... CSS没有这个选项 –

“有什么方法可以用JavaScript做到吗？”

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

我们只需要只是我们输入后插入一个新的元素：

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

，并隐藏原始输入：

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

当然，论文的页面后线应该叫加载，我。即：

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

来源

2016-08-01 20:07:02 technico

-2

如果你wan't显示在输入字段中的数字，你需要的占位符属性，像这样：

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

来源

2016-08-01 11:37:07 RasmusGlenvig

占位符不会显示，因为该字段有一个值。 – Quentin

这种解决方案可能是明显的和愚蠢的：你可以使用2个元素来做到这一点。

“隐藏”类型的一个输入元素和表单的值。一个CSS样式的div元素，仅用于显示给用户。

我不认为你将能够修改足够的输入标签的样式来实现你在纯CSS中的目标。据我所知，输入为特定元素，其显示的某些部分不可变。

编辑：由于问题稍有改变，这个答案可能无关紧要。

来源

2016-08-01 11:40:25 technico

有没有办法用JavaScript来做到这一点？ – AlGiorgio

-1

将输入类型设置为“number”。这种方式的数字将有一个逗号而不是一个点，并且如果需要，浏览器会自动将逗号转换为点，例如，用于JavaScript。

来源

2016-08-01 11:40:39

类型字段应该是'文本'类型 – AlGiorgio

回答

相关问题