javascript - 如何获取调用 javascript 函数的文本框的 id？

Question

我想要的是获取 id（即 myHeader、myHeader2 等）

这就是我现在正在尝试的，

HTML：

<input type="text" id="myHeader" onblur="getValue(this)" />
<input type="text" id="myHeader2" onblur="getValue(this)" />
<input type="text" id="myHeader3" onblur="getValue(this)" />
<input type="text" id="myHeader4" onblur="getValue(this)" />

Javascript：

function getValue(obj){
    var someVar = document.getElementById(obj).value;
}

但是我什么也没得到，事件也没有触发，我该怎么做？

Answer 1

您的obj对象已经拥有id和value属性：

function getValue(obj){
    alert('id - ' + obj.id);
    alert('value - ' + obj.value);
}

请注意，当您将this上下文传递给您的函数时，您将传递您的 DOM 元素。不是身份证。并且您可以像使用 DOM 元素一样操作它。不需要document.getElementById。

Answer 2

  <script type="text/javascript">
    function getValue(obj) {
        var id = obj.id;
        var value = obj.value;
    }
</script>

Answer 3

正如我所看到的，当用户失去对该输入字段的关注时，您可能会触发该功能。

除非您正在做，否则obj.value.toUpperCase();为什么要在每个输入字段上触发相同的功能？

无论如何，正如@antyrat 所说this，会给你 DOM 元素，你可以从中挑选value。

 function getValue(obj){
 obj.value=obj.value.toUpperCase();
 }

upper case当用户继续前进时，这将使您的所有输入字段成为可能。

Answer 4

您还可以获得文本框ID

<input type="text" id="myHeader" onblur="getValue(this.id)" /> <!-- instead of getValue(this) -->

<script type="text/javascript">
    function getValue(id) {
        alert(id);  // Display the id of the textbox
    }
</script>

希望它会帮助你。

Answer 5

function value(object)
 {
alert('id= ' + object.id);
 }