在javascript函数中传递文本框Id

Passing textbox Id in javascript function

本文关键字：文本 Id javascript 函数      更新时间：2023-09-26

我想将textbox id传递给javascript函数，但它返回对象事件。我的代码如下：

1] 文本框html代码

Name :<input type="text" size="60" Id="txtacname" onblur="textempty()"    
name="txtacname"  maxlength="80" autofocus>

2] js文件中的javascript函数

$(document).ready(function(){
  var x=document.getElementById("myform");
  x.addEventListener("blur",textempty,true);
  function textempty(id)
  {
    var tid=("#" + id);
    window.alert(tid);
  }
});

您必须将id作为参数发送。

Name :<input type="text" size="60" Id="txtacname" onblur="textempty('txtacname')"    
name="txtacname"  maxlength="80" autofocus>

请参阅此示例http://jsfiddle.net/kevalbhatt18/380L9w5c/1/

使用jquery

$('input[type="text"]').blur(function(){
  console.log($(this).attr('id'))
})

在您的代码中，您正在使用$（document）.ready（），所以我认为您正在使用jquery，所以jquery将帮助您，并且它非常容易

使用纯js，只需将参数更新为textempty(this.id):

var textempty = function(id) {
  alert(id);
};
Name :
<input type="text" size="60" Id="txtacname" onblur="textempty(this.id);" name="txtacname" maxlength="80" autofocus>

使用纯js，无需参数更新：

var textempty = function(e) {
  e = e || window.event;
  var id = (e.srcElement || e.target).id;
  alert(id);
};
Name :
<input type="text" size="60" Id="txtacname" onblur="textempty();" name="txtacname" maxlength="80" autofocus>

使用jquery：

$(function() {
  $('input[type=text]').on('blur', textempty);
});
var textempty = function(e) {
  var id = this.id;
  alert(id);
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Name :
<input type="text" size="60" Id="txtacname" name="txtacname" maxlength="80" autofocus>

向页面和添加隐藏字段

function getValue(obj){
hiddenfieldid.value=obj.id ;  
  alert(obj.id);
  }

在服务器端，您可以获得隐藏字段值

相关文章：