如何使用javascript从文本框中获取文本
我已经使用mvc4开发了一个web应用程序 在本例中,我需要使用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" })) {
@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");
});