Question

昨天继续我的问题，我需要知道如何解决我正在考虑的问题。我没有为此设置任何Jquery代码，但想知道如何解决这个问题。

我有一个无序的选项列表，当我的用户点击其中一个时，它会转移到我的一个表格框上的值，这已经过分类。

以梦幻足球网站为例。

用户可以选择选择四个玩家进入表格框以充当团队的防守。他们可以按任何顺序选择这些玩家，但是他们必须出现在4个表单输入框中，而不替换之前选择的那个。因此，如果前一个框已经填充，每个Option都需要有Jquery代码才能选择放入哪个Form输入框。对你有点困惑？

我想我需要使用“If Else”循环，但不确定实现它的最佳方法。

你能帮帮忙吗？感谢

Answer 1

您可以使用以下命令找到包含在某个容器中的第一个空输入：

var $emptyInput = $('#someDiv input')
  .filter(function() { return this.value == ''; })
  .eq(0);

然后您可以仔细检查以确保是空的

：

if ($emptyInput.length) {
  $(emptyInput).val(newValue);
}

Here是一个jsfiddle示例，在我认为与您所描述的相似的情况下使用它。

Answer 2

好的，如果我的4个选项名为.DEF1，而我的4个输入框名为.playerbox2，那么应该对它进行排序吗？对不起，我的大脑今天不工作大声笑。

$(document).ready(function(){
    $(".DEF1").click(function(){
        var valuestring=$(this).text();
        $(".playerbox2").val(valuestring);

        var $emptyInput = $('.playerbox2').filter(function() { return this.value != ''; }).eq(0);
        if ($emptyInput.length) {
  $(emptyInput).val(valuestring);
}
});});

将无序列表选项放置到表单文本输入第2部分

2 个答案: