javascript - MVC 4 - 在提交之前获取编辑器字段 div 的值

Question

我有一段 CSHTML，如下所示:

<fieldset>
    <legend>VisualisationConfigItem</legend>

    <div class="editor-label">
        @Html.LabelFor(model => model.Name)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Name)
        @Html.ValidationMessageFor(model => model.Name)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.DataTable)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.DataTable)
        @Html.ValidationMessageFor(model => model.DataTable)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.Visualisation)
    </div>
    <div id="visualisationField" class="editor-field">
        @Html.EditorFor(model => model.Visualisation)
        @Html.ValidationMessageFor(model => model.Visualisation)
    </div>
    <div id="reportDiv"></div>
    <p>
        <input type="button" id="selectFilteringColumnsButton" onclick="selectFilteringColumns();" value="Select Filtering Columns" />
    </p>
    <p>
        <input type="submit" value="Create" disabled="disabled" />
    </p>
</fieldset>

在我的 JavaScript 函数 selectFilteringColumns() 中，我尝试获取输入到 VisualizationField div 中的值，以便我可以在允许用户单击提交按钮之前设置其他变量。

我的问题是我无法获取用户使用 JavaScript 在文本框中输入的文本。我已尝试以下所有方法:

var detailedDiv = document.getElementById('visualisationField');
var all = detailedDiv.all;
var className = detailedDiv.className;
var innerText = detailedDiv.innerText;
var localName = detailedDiv.localName;
var nodeName = detailedDiv.nodeName;
var nodeValue = detailedDiv.nodeValue;
var outerHTML = detailedDiv.outerHTML;
var outerText = detailedDiv.outerText;
var tagName = detailedDiv.tagName;
var TEXT_NODE = detailedDiv.TEXT_NODE;
var textContent = detailedDiv.textContent;
var title = detailedDiv.title;

我已经尝试了所有这些以及更多，但它们似乎都无法获取用户在文本字段中输入的文本内容。

有人知道如何获取此文本吗？

Answer 1

我不知道为什么你需要先获取div。你可以捕获这个领域

$('#Visualisation').val();

如果你想抓取 div 那么你需要在里面“找到”编辑器

$('#visualisationField').find('#Visualisation').val();