Question

我在文本框中输入值时尝试获取文本框ID ，因为for循环中可用的数字文本框

Answer 1

请阅读Javascript和DOM操作。

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

在发布问题之前，请务必做出实际的努力，其次请提供您的相关代码，详细说明您要实现的目标。

Answer 2

您可以使用此

HTML代码

<input type="text" id="mytext1" onkeyup="getTextFieldId(this)" />
<input type="text" id="mytext2" onkeyup="getTextFieldId(this)" />
<input type="text" id="mytext3" onkeyup="getTextFieldId(this)" />
<input type="text" id="mytext4" onkeyup="getTextFieldId(this)" />

<强>的Javascript

function getTextFieldId(obj){
    var currentTextFieldId = obj.id;
}

您需要根据要求更改javascript。这是获取当前调用的文本字段的id的非常基本的功能。

Answer 3

我不知道你是否理解你想要实现的目标。但是，如果您在更改其值后尝试获取文本框ID，则可以使用以下方法（尝试更改任何输入中的值，您将在跨度中看到该输入的ID）。

＆＃13;

$(document).ready(function () {
	$('input').on('change', function() {
		var inputId = $(this).attr('id');
		$('#input-id').text(inputId);
	});
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="1"/>
<input type="text" id="2"/>
<input type="text" id="3"/>

ID : <span id="input-id"></span>

＆＃13;

Answer 4

FIDDLE：

我猜你正在使用input type="number"。

就是这样

HTML

<input type="number" id="1"/>
<input type="number" id="2"/>
<input type="number" id="3"/>

的jQuery

$('input').on('keyup',function(){
  var id= $(this).attr('id'); //id will be the expecting output     
});

Answer 5

使用输入事件。考虑它的好方法是这样的：它是一个在输入发生变化时触发的事件。这包括 - 但不限于 - 按下修改输入的键（例如，Ctrl本身不会触发事件，但Ctrl-V会粘贴一些文本），选择自动完成选项， Linux式的中间点击粘贴，拖放和许多其他事情。

$('input[type=text]').on('input',function(){
  console.log($(this).attr('id'));   
});

Fiddle

Jquery Input event

使用javascript在文本框中输入值时如何获取文本框ID

5 个答案: