获得正确的输出以获得正确的点击

Question

我想将输入值放入div中，具体取决于按下的键。 代码有什么问题以及如何纠正它。

<input id = "mp1" /><input id = "mp2" /> 
<button id="sum1">Submit1</button> 
<button id ="sum2">Submit2</button> 
<div id="out"></div> 

$('button').click(function() { 
    var k = this.id.substr(this.id.length -1); 
    var mp = $('#mp'+k).value; 
    $('#out').html (mp); 
}); 

http://jsfiddle.net/ftE36/1/

Answer 1

您应该使用Vanilla JS：

document.getElementById('mp'+k).value; 

或者jQuery的：

$("#mp"+k).val(); 

避免混合和匹配;）

Answer 2

由于我明白了，我想你想是这样的：

$('button').click(function(e) { 

    var k = e.target.id.substr(this.id.length -1); 
    var mp = $('#mp'+k).val(); 

    $('#out').html (mp); 
}); 

http://jsfiddle.net/jogesh_pi/RM4UQ/

Answer 3

尝试像

$(document).ready(function() { 
     $("#mp1").keypress(function() { 
      $("#out").html($(this).val()); 
     }); 

    }); 

Answer 4

请尝试代码：

HTML：

<input id = "mp1" /><input id = "mp2" /> 
<button id="sum1">Submit1</button> 
<button id ="sum2">Submit2</button> 
<div id="out"></div> 

个

JS：

$('button').click(function(e) { 
    //var id = e.target.id; 

    var k = e.target.id.substr(this.id.length -1); 
    var mp = $('#mp'+k).val(); 
    $('#out').html (mp); 
}); 

Demo

希望它应该对你有帮助。请尝试让我知道。谢谢。