如何使用javascript从文本框中获取文本

如何使用javascript从文本框中获取文本,javascript,jquery,asp.net-mvc-4,Javascript,Jquery,Asp.net Mvc 4,我已经使用mvc4开发了一个web应用程序 在本例中,我需要使用javascript获取文本框值(实际上是在文本框中输入的文本) 这是我正在使用的代码 @model PortalModels.WholeSaleModelUser @using (Html.BeginForm("uploadFile", "WholeSaleTrade", FormMethod.Post, new { enctype = "multipart/form-data" })) {

我已经使用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 = $("#Name").val();
您应该使用以下函数:

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

输入
元素中,可以在该元素的
属性中找到的值。因此,可以通过
document.getElementById('idOfElement').value来检索它

textarea
元素中,其值位于起始标记和结束标记之间。因此,
属性为空。在原始javascript中,您可以使用
document.getElementById('idOfElement').innerText
检索内容


但是,如果您使用jQuery,Ufuk的
.val()
解决方案更易于使用。

输入
元素中,可以在该元素的
属性中找到的值。因此,可以通过
document.getElementById('idOfElement').value来检索它

textarea
元素中,其值位于起始标记和结束标记之间。因此,
属性为空。在原始javascript中,您可以使用
document.getElementById('idOfElement').innerText
检索内容


但是,如果您使用jQuery,Ufuk的
.val()
解决方案更易于使用。

如果您使用的是本机javascript,则应使用以下内容:

var userImgNameElement = document.getElementById("userImgNameId");
var userImgNameValue = userImgNameElement.getAttribute("value");
“onChanged”事件:


如果您使用的是本机javascript,则应使用以下内容:

var userImgNameElement = document.getElementById("userImgNameId");
var userImgNameValue = userImgNameElement.getAttribute("value");
“onChanged”事件:



更改$(“#名称”).值;到$(“#Name”).val();首先,给出特定的id,比如@Html.TextBox(“Name”、Model.Name、new{id=“UserName”})。第二个是使用jquery获取值,比如,$('#UserName').val()…@HendyTarnando thanx Hendy。!它工作了..可能重复我已经有了这个值,但是如何处理部分视图中任何元素的onchange事件。。这是我遇到的主要问题..更改$(“#Name”).value;到$(“#Name”).val();首先,给出特定的id,比如@Html.TextBox(“Name”、Model.Name、new{id=“UserName”})。第二个是使用jquery获取值,比如,$('#UserName').val()…@HendyTarnando thanx Hendy。!它工作了..可能重复我已经有了这个值,但是如何处理部分视图中任何元素的onchange事件。。这是我面临的主要问题。但是在页面加载或文本框文本更改甚至触发后,如何获取值呢??真的需要一个答案是的我想是的。。但是先生,我在我的部分视图页面中使用了这个脚本,那么如何使用我的部分视图的名称文本框的id或名称来处理更改事件呢?请帮助我可以已经拥有该值,但如何处理部分视图中任何元素的onchange事件。。这是我的主要问题。@sanzy你可以绑定一个事件处理程序。但是在页面加载或文本框文本更改后如何获取值呢??真的需要一个答案是的我想是的。。但是先生,我在我的部分视图页面中使用了这个脚本,那么如何使用我的部分视图的名称文本框的id或名称来处理更改事件呢?请帮助我可以已经拥有该值,但如何处理部分视图中任何元素的onchange事件。。这是我遇到的主要问题。@sanzy你可以绑定一个事件处理程序。是的,我想是的。。但是先生,我在我的部分视图页面中使用了这个脚本,那么如何使用我的部分视图的名称文本框的id或名称来处理更改事件呢?请帮助并参考代码my partial VIEW我可能已经有了该值,但如何处理partial VIEW中任何元素的onchange事件。。这是我的主要问题是我想是的。。但是先生,我在我的部分视图页面中使用了这个脚本,那么如何使用我的部分视图的名称文本框的id或名称来处理更改事件呢?请帮助并参考代码my partial VIEW我可能已经有了该值,但如何处理partial VIEW中任何元素的onchange事件。。这是我的主要问题是我想是的。。但是先生,我在我的部分视图页面中使用了这个脚本,那么如何使用我的部分视图的名称文本框的id或名称来处理更改事件呢?请帮助并参考代码my partial VIEW我可能已经有了该值,但如何处理partial VIEW中任何元素的onchange事件。。这是我的主要问题……我不知道你说的“局部观点”是什么意思。您可以找到有关的更多信息。据我所知,你在问题中没有提到任何关于事件处理程序或“onchange”处理程序的内容,因此我建议你提出一个新的问题,如果你已经阅读了文档并在谷歌上搜索了更多内容,但仍然不知道你需要做什么,那么你可以非常清楚地解释到底是什么问题。是的,我想是的。。但是先生,我在我的部分视图页面中使用了这个脚本,那么如何使用我的部分视图的名称文本框的id或名称来处理更改事件呢?请帮助并参考代码my partial VIEW我可能已经有了该值,但如何处理partial VIEW中任何元素的onchange事件。。这是我的主要问题……我不知道你说的“局部观点”是什么意思。您可以找到有关的更多信息。据我所知,你在问题中没有提到任何关于事件处理程序或“onchange”处理程序的内容,因此我建议你提出一个新问题,如果你已经阅读了文档并在谷歌上搜索了更多内容,但仍然不知道你需要做什么,那么你可以非常清楚地解释到底是什么问题。
addEvent(document.getElementById('userImgNameId'), 'change', function(event) {
    var userImgNameValue = event.target.getAttribute("value");
});