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

Question

我已經使用mvc4開發了一個Web應用程序。

在這種情況下，我需要使用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;

如何獲得在文本框中輸入的文本？

Answer 1

您應該為此使用val（）函數：

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

Answer 2

如果您使用的是原生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");
});

Answer 3

在input元素中，的值可以在該元素的value屬性中找到。 因此，可以通過document.getElementById('idOfElement').value檢索它。

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

但是，如果您使用的是jQuery，則帶有.val() Ufuk解決方案.val()易於使用。