變化呈現

我在下面表格有一個<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

回答

相關問題