我的輸入框的值沒有被返回？

使用twitter引導，我創建了一個按鈕，旁邊有一個輸入框。我試圖然後使用jQuery在我的視圖中訪問該值，但出於某種原因，除了「undefined」之外，我無法獲得任何回覆。這裏是我的代碼：我的輸入框的值沒有被返回？

的jQuery：

var browserInput = $("#browserInput").val(); 
console.log(browserInput);

HTML：

<div class="col-lg-4"> 
    <div class="input-group"> 
     <span class="input-group-btn"> 
      <button class="btn btn-primary" type="button" id="addBrowser"> 
      <span class="glyphicon glyphicon-plus"></span> 
      Add 
      </button> 
     </span> 
     <input id="browserInput" type="text" class="form-control" style="display: none;" > 
    </div> 
</div>

來源

2014-12-19 chadb768

是它有價值嗎？你什麼時候調用這個代碼？ – tymeJV

您的輸入設置爲不顯示。你沒有默認值（你可以使用'value ='''來設置一個）。您沒有執行JavaScript代碼的情況。在頁面加載之前它被觸發了嗎？或者它綁定到一些提交按鈕？ –

我第一次打電話時，沒有包含任何值，只是「隱藏」輸入框。然後第二次用插入的值調用它。 – chadb768

-1

我要取消刪除我的答案，因爲顯然它幫助解決海報他的問題...

<input id="browserInput" type="text" value="" class="form-control" style="display: none;" />

似乎<input>標記中的value=""對於他。

我不知道他的意思是""而不是undefined。

來源

2014-12-19 21:01:41

這是錯的！無需設置值屬性 –

我也不知道爲什麼這個工作。我沒有必要在我的其他輸入框中輸入value =「」，但是我想我現在無法投訴！ – chadb768

如果這是您的實際代碼佈局，您將無法獲得值，因爲在請求該值時DOM未加載。

你應該嘗試換你的函數在文件準備

$(document).ready(function() { 
    var browserInput = $("#browserInput").val(); 
    console.log(browserInput); 
});

如果你想有KEYUP或輸入框的交互的價值，你也可以做到像

$(document).ready(function() { 
$('#browserInput').on('keyup',function() { 
    var browserInput = $("#browserInput").val(); 
    console.log(browserInput); 
}); 
});

來源

2014-12-19 21:01:57 baao

我的輸入框的值沒有被返回？

回答

相關問題