[英]how can i print value of input text type id in javascript
<input type=text name=input id="in1" value=1 onclick=inputs()>
<input type=text name=input id="in2" value=2 onclick=inputs()>
<input type=text name=input id="in3" value=3 onclick=inputs()>
<input type=text name=input id="in4" value=4 onclick=inputs()>
<script type=text/javascript>
function inputs()
{
var val=document.getElementById();
document.write(val);
}
</script>
Actually, i want only onclick's input id in variable val. 实际上,我只想在变量val中使用onclick的输入id。 please help me.
请帮我。
Maybe everyone else is reading a different question than I am but it seems like you want the value of the ID, not the value of the input. 也许其他人都在阅读与我不同的问题,但似乎你想要ID的值,而不是输入的值。
<input type=text name=input id="in1" value=1 onclick=inputs(this.id)>
<input type=text name=input id="in2" value=2 onclick=inputs(this.id)>
<input type=text name=input id="in3" value=3 onclick=inputs(this.id)>
<input type=text name=input id="in4" value=4 onclick=inputs(this.id)>
<script type=text/javascript>
function inputs(val)
{
document.write(val);
}
</script>
This will give you the ID of that element, not its value. 这将为您提供该元素的ID,而不是其值。 Which is what I hope I'm reading from this oddly worded question.
这是我希望我从这个措辞奇怪的问题中读到的。
<input type=text name=input id="in1" value=1 onclick=inputs(this.id)>
<input type=text name=input id="in2" value=2 onclick=inputs(this.id)>
<input type=text name=input id="in3" value=3 onclick=inputs(this.id)>
<input type=text name=input id="in4" value=4 onclick=inputs(this.id)>
<script type=text/javascript>
function inputs(id)
{
var val=id;
document.write(val);
}
</script>
Try this 尝试这个
<input type="text" name="input" id="in1" value="1" onclick="inputs(this.id)">
<input type=text name=input id="in2" value=2 onclick="inputs(this.id)">
<input type=text name=input id="in3" value=3 onclick="inputs(this.id)">
<input type=text name=input id="in4" value=4 onclick="inputs(this.id)">
<script type=text/javascript>
function inputs(id)
{
var val=id
alert(val);
}
</script>
<input type=text name=input id="in1" value=1 onclick=inputs(this)>
<input type=text name=input id="in2" value=2 onclick=inputs(this)>
<input type=text name=input id="in3" value=3 onclick=inputs(this)>
<input type=text name=input id="in4" value=4 onclick=inputs(this)>
<script type=text/javascript>
function inputs(dis)
{
var val=dis.value;
document.write(val);
}
</script>
Can you try this, Added this
in inputs(this)
你能尝试一下吗,在
inputs(this)
添加this
inputs(this)
HTML: HTML:
<input type=text name=input id="in1" value=1 onclick=inputs(this)>
Javascript: 使用Javascript:
<script type=text/javascript>
function inputs(d)
{
document.write(d.value);
}
</script>
Try this 尝试这个
<input type=text name=input id="in1" value=1 onclick=inputs(this)>
<input type=text name=input id="in2" value=2 onclick=inputs(this)>
<input type=text name=input id="in3" value=3 onclick=inputs(this)>
<input type=text name=input id="in4" value=4 onclick=inputs(this)>
<script type=text/javascript>
function inputs(el)
{
var val=el.getAttribute('id');
document.write(val);
}
</script>
<input type="text" name="input" id="in1" value="1" onclick="inputs(this)">
<input type="text" name="input" id="in2" value="2" onclick="inputs(this)">
<input type="text" name="input" id="in3" value="3" onclick="inputs(this)">
<input type="text" name="input" id="in4" value="4" onclick="inputs(this)">
<script type=text/javascript>
function inputs(elem)
{
var val=elem.id;
console.log(val);
}
</script>
Check value in console 检查控制台中的值
Try 尝试
onclick=inputs(this)
And 和
function inputs(element)
{
var val = element.id;
// rest of the code here
}
It will get id of clicked input field.Try this: 它将获得点击输入字段的id。试试这个:
DEMO : http://jsfiddle.net/6Z2fR/ 演示: http : //jsfiddle.net/6Z2fR/
<input type=text name=input id="in1" value=1 onclick=inputs(this)>
<input type=text name=input id="in2" value=2 onclick=inputs(this)>
<input type=text name=input id="in3" value=3 onclick=inputs(this)>
<input type=text name=input id="in4" value=4 onclick=inputs(this)>
<script type=text/javascript>
function inputs(e)
{
var val=e.id;
console.log(val);
}
</script>
Most easiest way 最简单的方法
<input type="text" name="input" id="in1" value="1" onfocus="inputs(this.value)">
<script type=text/javascript>
function inputs(x)
{
document.write(x);
}
</script>
I think it is better to use jQuery, you can change event like mouseover/keydown/hover and make code not too mess :P 我认为使用jQuery更好,你可以改变像mouseover / keydown / hover这样的事件并使代码不会太乱:P
<input type="text" name="input" id="in1">
<input type="text" name="input" id="in2">
<input type="text" name="input" id="in3">
<input type="text" name="input" id="in4">
<script type="text/javascript">
(function ($) {
$('input[type="text"]').each(function () {
$(this).click(function () {
alert($(this).attr('id'));
});
});
})(jQuery);
Or just see the demo in JSFiddle, click me! 或者只是在JSFiddle中看到演示, 点击我!
Try This: 尝试这个:
<input type="text" name="input" id="in1" value="1" onclick="inputs(this)">
<input type="text" name="input" id="in2" value="2" onclick="inputs(this)">
<input type="text" name="input" id="in3" value="3" onclick="inputs(this)">
<input type="text" name="input" id="in4" value="4" onclick="inputs(this)">
function inputs(element) {
var id = element.id;
var val = element.name;
alert(val ,id);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.