2014-04-29 53 views
0

我必須做這樣的事情: http://jsfiddle.net/3yP84/1/不能id值分配給一個html input標籤

任務很簡單:分配一個ID,在HTML的輸入標籤,並通過JavaScript獲得的價值。我在我的應用程序上做了同樣的事情(代碼非常大,所以我不會在這裏發佈它!),但它不起作用。 我有類似:

<div id="old_pw_sp" class="col-xs-7"> 
<input type="password" id="current_password"/> 
</div> 

和小提琴的同JS(白衣DIV的右名稱):

var crr_pw = document.getElementById("current_password").value; 

,但我一直剛開錯誤:

TypeError: document.getElementById(...) is null 

如果我用Firefox分析輸入標籤我得到這個:

<div id="old_pw_sp" class="col-xs-7"> 
    <input type="password"> 
</div> 

身份證不存在,但我不明白爲什麼。有人可以幫幫我嗎?

編輯!我很愚蠢:我正在編輯一個文件,並且正在另一個應用程序中加載。現在它完美地工作。

+0

將你在文件中搜索字符串「current_password」,看看它是否在這兩個地方相匹配? – TheVillageIdiot

+5

我認爲你有重複ID – closure

+1

刷新繞過緩存(Windows上的Shift + F5),或關閉瀏覽器並重新加載頁面,或完全清除緩存並重新加載。您也可以在頁面上進行其他更改,然後查看它以查看是否實際加載了更改。 – jedison

回答

0

使用如下

<div id="old_pw_sp" class="col-xs-7"> 
<input type="password" id="current_password"/> 
</div> 
<div id="click_here" onclick="showPassword();">Click</div> 

function showPassword(){ 
alert(document.getElementById("current_password").value); 
} 

DEMO

+0

請將此代碼改爲I得到相同的錯誤! – ste

+0

@ user2428124嘗試我的更新答案 – Amit