使用JavaScript将文本从一个文本框发送到另一个
Text from one textbox to another using JavaScript
我有一个文本框作为
@Html.TextBoxFor(m => m.SingleUnitBarcode, new { @class = "form-control",@id="barcode1", onblur = "CloneData" })
当这个文本框失去焦点时,我希望其中的文本显示在另一个文本框中(id=customerbarcode_field)
我正在使用javascript
<script>
function CloneData() {
var value = document.getElementById("#barcode1").value
document.getElementById("#customerbarcode_field").value = value;
}
</script>
然而,当我从第一个文本框中失去焦点时,该功能不会被触发。
我错过了什么?
您必须将onblur=CloneData
更改为以下内容:
onblur=CloneData()
此外,您还必须更改DOM元素的选择。我的意思是,您应该更改document.getElementById()
方法中的#
标记。在那里,我们传递要选择的DOM元素的Id
,而不在Id
之前加上#
。例如,你应该使用这个
document.getElementById("customerbarcode_field")
代替这个
document.getElementById("#customerbarcode_field")
如果您使用JQuery
,那么您会将此元素选择为:
$('#customerbarcode_field')
这样修改TextBox:
@Html.TextBoxFor(m => m.SingleUnitBarcode,
new { @class = "form-control",
@id="barcode1",
onblur = "CloneData()" })
和这样的脚本,在javascript中,您将javascript与jquery混合:
<script>
function CloneData() {
var value = document.getElementById("barcode1").value
document.getElementById("customerbarcode_field").value = value;
}
</script>
如果您想使用jquery,那么:
<script>
function CloneData() {
var value = $("#barcode1").val();
$("#customerbarcode_field").val(value);
}
</script>
用onblur = "CloneData()"
替换onblur = "CloneData"
并从id 中删除#
function CloneData() {
var value = document.getElementById("barcode1").value
document.getElementById("customerbarcode_field").value = value;
}
更换
@Html.TextBoxFor(m => m.SingleUnitBarcode, new { @class = "form-control",@id="barcode1", onblur = "CloneData" })
这个:
@Html.TextBoxFor(m => m.SingleUnitBarcode, new { @class = "form-control",@id="barcode1", onblur = "CloneData();" })
以这种方式将javascript事件放在html中是不好的做法。由于您已经在使用jquery,因此可以在不污染html的情况下附加侦听器;
$("body").on('blur', '#barcode1', function(){
$("#customerbarcode_field").val($(this.val());
});
相关文章:
- Sails.js:同时发布文本输入和一个文件
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 将html元素插入到文本字符串中,以匹配另一个html字符串
- 是否<asp:文本框>有一个onFocusLost事件
- 如何将键入的文本从一个输入类型的文本复制到另一个
- 使用javascript将两个文本框值相加到表中的另一个文本框中
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- 尝试使用Javascript正则表达式来获取“&"分隔文本,无论它是否's是最后一个值
- 在文本上方标记另一个文本
- 如何在Jquery函数中为自动完成文本区域指定一个变量作为Id
- jQuery将文本从span标记复制到另一个span标记
- 从id标记中的文本进行检查,并将类添加到另一个标记中
- HTML-从mysql生成的选择框中的一个选项更改文本区域的颜色
- JSTree's data.rslt.obj.text()返回一个文本数组,而不是所需节点的文本
- 一个按钮,点击后会生成一个新的文本框?-Javascript
- 它在另一个函数中嵌套后不会输出文本
- 一个javascript实现base64图像编码并将结果写入文本文件
- 如何取消粗体文本?一个小小的所见即所得的编辑器
- Photoshop 脚本将一个文本一个接一个地放置
- 高亮文本一个字一个字在一个句子上的按钮点击使用javascript