如何使用javascript從文本框中獲取文本

我開發了一個使用mvc4的Web應用程序。如何使用javascript從文本框中獲取文本

在這種情況下，我需要使用javascript獲得文本框的值（實際上是文本框中輸入的文本）。

這裏是我在這種情況下使用警報

@model PortalModels.WholeSaleModelUser 
    @using (Html.BeginForm("uploadFile", "WholeSaleTrade", FormMethod.Post, new { enctype = "multipart/form-data" })) 
    { 
     @Html.ValidationSummary(true) 

    <fieldset> 
     <legend>WholeSaleModelUser</legend> 
     <table> 
      <tr> 
       <td> 
        <div class="editor-label"> 
         @Html.LabelFor(model => model.Name) 
        </div> 
       </td> 
       <td> 
        <div class="editor-field"> 
         @Html.TextBoxFor(model => model.Name) 
         @Html.ValidationMessageFor(model => model.Name) 
        </div> 
       </td> 
      </tr> 
</table> 
     <div id="partial"> 
      <table> 
       <tr> 
        <td> 
         <img id="blah" src="../../Images/no_image.jpg" alt="your image" height="200px" width="170px" /> 
        </td> 
       </tr> 
</table> 

    <script type="text/javascript"> 
     function loadUserImage() { 
      var userImg = document.getElementById("blah"); 
      var imgNm = $("#Name").value; 
      userImg.src = "D:/FEISPortal/FortalApplication/Img/" + imgNm + ".png"; 
      alert(imgNm); 
      alert(userImg.src); 
     } 
    </script>

的代碼提供的價值爲「未定義」，如果做了以下修改警報給什麼。

var imgNm = document.getElementById("Name").value;

爲

var imgNm = $("#Name").value;

如何讓文本在文本框中輸入？

來源

2013-06-27 sanzy

變化$（「＃姓名」）值;到$（「＃Name」）。val（）; – frosdqy

首先，給出具體的id，如@ Html.TextBox（「Name」，Model.Name，new {id =「UserName」}）。第二個使用jquery獲取值，如$（'＃UserName'）。val（）... – sathish

@ HendyTarnando thanx Hendy。！它的工作.. – sanzy

您應該使用該val()功能：

var imgNm = $("#Name").val();

來源

2013-06-27 06:46:04

但情況如何獲取頁面加載後的值或textbox textchange甚至觸發？真的需要一個答案.. – sanzy

@sanzy您可以使用[更改事件]（http://api.jquery.com/change/）。 –

是的，我認爲這樣..但先生我在我的部分視圖頁中使用此腳本，所以我如何處理更改事件使用ID或我的部分視圖的名稱文本框的名稱？請幫助 – sanzy

在input元素的值可以在該元素的value財產被發現。因此可以通過document.getElementById('idOfElement').value進行檢索。

在textarea元素中，它的值在開始和結束標記之間。因此，value屬性爲空。在原始JavaScript中，您將能夠使用document.getElementById('idOfElement').innerText檢索內容。

如果您正在使用jQuery，Ufuk的解決方案.val()更易於使用。

來源

2013-06-27 07:04:07 Sumurai8

是的，我認爲這樣..但先生我在我的部分視圖頁面中使用此腳本，所以如何處理使用id或我的部分視圖名稱文本框的名稱的更改事件？請幫助並參考代碼我的部分視圖 – sanzy

我已經可以有價值，但如何處理**部分視圖**中的任何元素的onchange事件..這是我的主要問題.. – sanzy

我不知道你的意思是'局部視圖'。你可以找到更多關於[你需要在文檔中使用'.on（）'方法]（http://api.jquery.com/on/）的信息。據我所知，在你的問題中，你沒有提到關於事件處理程序或'onchange'處理程序的任何信息，所以我會建議提出一個新問題，以便你清楚地解釋確切的問題是什麼，如果你閱讀過文檔， Google搜索了更多，仍然無法弄清楚你需要做什麼。 – Sumurai8

如果您正在使用原生的JavaScript，你應該這樣做：

var userImgNameElement = document.getElementById("userImgNameId"); 
var userImgNameValue = userImgNameElement.getAttribute("value");

隨着「調用onChanged」事件：

addEvent(document.getElementById('userImgNameId'), 'change', function(event) { 
    var userImgNameValue = event.target.getAttribute("value"); 
});

來源

2013-06-27 07:13:14 Anton

是的，我認爲這樣..但先生我在我的部分視圖頁中使用此腳本，所以我如何處理更改事件使用id或我的部分視圖的名稱文本框的名稱？請幫助並參考代碼我的部分視圖 – sanzy

我可以已經有價值，但如何處理**部分視圖**中的任何元素的onchange事件..這是我的主要問題.. – sanzy

如何使用javascript從文本框中獲取文本

回答

相關問題