Question

如何获取所点击的输入的值？此时，值显示在所有输入中。如何在所选输入中显示值？

这是我的代码：

＆＃13;

change

＆＃13;

$('.ui-spinner').click(function () {
    $('.cn-wrapper').show();
});

$(".cn-wrapper li span").click(function () {
    var textValue = $(this).text();
    $('.ui-spinner').val(textValue);
});

＆＃13;

.cn-wrapper {
    display:none;
}

＆＃13;

这是一个外部fiddle。

Answer 1

您需要将最后点击的input存储在两个函数范围内的变量中，如下所示：

var $target;

$('.ui-spinner').click(function () {
    $('.cn-wrapper').show();
    $('.target').removeClass('target');
    $target = $(this);
});

$(".cn-wrapper li span").click(function () {
    var textValue = $(this).text();
    $target.val(textValue);
    $('.cn-wrapper').hide();
});

Example fiddle

或者，您可以在单击时向所选输入添加一个类，然后在设置值时将其作为目标：

$('.ui-spinner').click(function () {
    $('.cn-wrapper').show();
    $(this).addClass('target');
});

$(".cn-wrapper li span").click(function () {
    var textValue = $(this).text();
    $('.target').val(textValue);
});

Example fiddle

Answer 2

一种方法是在点击侦听器之外创建一个引用lastClickedInput的变量，如下所示：

var lastClickedInput = null;

$('.ui-spinner').click(function () {
    $('.cn-wrapper').show();
    lastClickedInput = $( this );
});

$(".cn-wrapper li span").click(function () {
     var textValue = $(this).text();

     if ( lastClickedInput )
         lastClickedInput.val( textValue );
});

示例小提琴：https://jsfiddle.net/richardgirges/fmLjr5cf/6/

输入所选Id的值

2 个答案: