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

时间:2014-02-27 10:25:16

标签: javascript jquery html

我想根据按下的键将输入值放入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/

4 个答案:

答案 0 :(得分:0)

您应该使用Vanilla JS

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

或jQuery:

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

避免混合搭配;)

答案 1 :(得分:0)

据我所知,我认为你想要这样的事情:

$('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/

答案 2 :(得分:0)

尝试类似

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

    });

答案 3 :(得分:0)

请尝试代码:

<强> 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

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