javascript - 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();