2017-08-14 25 views
0

我的代碼:如何從FormTextBox獲取文本?

<div class="col-left"> 
       @FormTextBox("Message:", Html.TextAreaFor(m => m.Message, new { @class = "required-form-control" })) 
</div> 

現在我想修改文本,然後將其保存。所以我添加了一個按鈕來通過ajax調用。 我的問題是如何讓它在js方面?

編輯: 自定義模板是:

@helper FormTextBox(string labelText, MvcHtmlString input) 
{ 
    // divs 
} 
+0

只需要知道這是輸入的ID。並在JavaScript中與document.getElementById('yourid').value;可以獲取輸入中輸入的值。 –

回答

0

在正常情況下使用@ Html.TextAreaFor

<textarea class="required-form-control" cols="20" id="Message" name="Message" rows="2"></textarea> 

時那麼你就可以在剃刀引擎將產生以下HTML在jquery中訪問該元素的值,如下所示:

var check = $('#Message').val(); 
alert(check); 

看起來你(或團隊成員已經創建了一個自定義顯示模板(@FormTextBox),所以你的渲染html輸出可能與文本區域的標準元素輸出不同。如果它不像我在HTML中顯示的那樣渲染id,那麼編輯你的問題以包含剃刀產生的html,我們可以從那裏開始。

+0

這是自定義模板。我編輯了這個問題。 – Bigeyes

+0

@Bigeyes感謝您的更新問題。所以我們需要找到的是在剃刀完成渲染後生成的html(因爲在剃刀完成它的事情之前,jquery甚至不會發揮作用)所以運行你的項目,用chrome打開它,右鍵單擊文本區域在頁面上並選擇「檢查元素」選項。一旦你知道該特定元素的ID屬性,那麼你可以告訴jquery要獲取什麼。如果你想在你的問題中複製html,我可以幫你找到你需要的ID –

0

您可以嘗試

<div class="col-left"> 
    @FormTextBox("Message:", Html.TextAreaFor(m => m.Message, new { @class = "required-form-control", id = "Message" })) 
</div> 

然後使用id Message在你的jQuery選擇