使html隱藏輸入可見

我想將隱藏的html輸入更改爲可見，當我單擊按鈕時如下所示。創造隱藏輸入我的HTML行：使html隱藏輸入可見

<input type="hidden" id="txtHiddenUname" value="invalid input" />

我改變能見度Java腳本是

var y = document.getElementById("txtHiddenUname"); 
y.style.display= "inline";

但這不能使隱藏的元素是可見的。有任何想法嗎？

來源

2013-07-14 kona

您必須將值更改爲「有效輸入」，否則它仍然無效？ – adeneo

你應該改變作爲輸入元件的類型：

y.setAttribute('type','text'); 
//or 
y.type = 'text';

1）任一用戶的Java腳本的身體標記內，如下：

<input type="hidden" id="txtHiddenUname" value="invalid input" /> 

<script type="text/javascript"> 
var y = document.getElementById("txtHiddenUname"); 
y.type= "text"; 
</script>

2）使用一些事件處理程序，如onload

<head> 
<script type="text/javascript"> 
function on_load(){ 
    var y = document.getElementById("txtHiddenUname"); 
    y.type= "text"; 
} 
    </script> 
</head> 

<body onload = "on_load()"> 

<input type="hidden" id="txtHiddenUname" value="invalid input" /> 

...

這樣DOM就緒了。

來源

2013-07-14 11:05:11 Lekhnath

我試過了，它確實使文本可見。但可視性保持幾毫秒，並且它回到隱形模式。 – kona

在某些元素髮生某些事件後使用此代碼，如按鈕點擊或其他。 – Lekhnath

在這裏不是問題CSS它的屬性的事，所以，你需要的屬性type從hidden更改爲其他類似text

請檢查此[如何對變化的HTML對象的元素 - 數據屬性值在JavaScript] [1]

檢查此：How to change HTML Object element data attribute value in javascript。使用jQuery或Javascript更改屬性值

來源

2013-07-14 11:09:39

<input type = "hidden", id = "abbriv", value = "Some Random Text"/> 

<script> 
     function f1() 
     { 
      var x = document.getElementById("abbriv").value; 
      document.getElementById("demo").innerHTML = x; 
     } 
    </script>

來源

2017-11-01 04:50:20

請提供一些關於您的答案的解釋，以確定發生了什麼，這樣當有人讀這些時，他們會有一個清晰的/更好的理解。 – Rikh

使html隱藏輸入可見

回答

相關問題