输入所选Id的值

Question

如何获取单击的输入值？此时,值显示在所有输入中.如何在所选输入中显示值？

这是我的代码:

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

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

.cn-wrapper {
    display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="cn-wrapper" id="cn-wrapper">
    <ul>
        <li><a href="#"><span >50</span></a></li>
        <li><a href="#"><span>100</span></a></li>
        <li><a href="#"><span>200</span></a></li>
        <li><a href="#"><span >300</span></a></li>
        <li><a href="#"><span >400</span></a></li>
        <li><a href="#"><span >500</span></a></li>
        <li><a href="#"><span>600</span></a></li>
        <li><a href="#"><span>700</span></a></li>
        <li><a href="#"><span>Set</span></a></li>
    </ul>
</div>
<input id="user1" class="ui-spinner"></input>
<input id="user2" class="ui-spinner"></input>
<input id="user3" class="ui-spinner"></input>

这是一个外在的小提琴.

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();
});

示例小提琴

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

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

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

示例小提琴