Question

我有4个文本框，我需要填写自动完成。我已经创建了jsfiddle但无法让它运行，因为我提交到服务器来获取数据。当我点击添加按钮时，我只能添加到输入框的第一行，但永远无法添加到2,3，4等其他人。有人可以看看吗？谢谢！

        $('[name=addAgent]').bind('click', function() {

            var agent = $('[name=selectAgent]').val();
            var agentID =$("#AgentID").val();
            //alert(agent);

            if(agent == ""){
            $.msgBox({
                title:"Agent Name",
                content:"Please search for an agent to Add!"
                });
            return false;
            }

            if($('#container').find('text').length < 4) {
            alert($('#container').find('text').length);             
           $('#Agent1').val(agent);
           $('#AgentID1').val(agentID);
            $( '[name=selectAgent]' ).val('');      
            }else{
                $.msgBox({
                title:"Agent Name",
                content:"You cannot add more than 4 Agents!"
                });
            }
        })

Answer 1

此行获取具有该名称的第一个框的值：

var agent = $('[name=selectAgent]').val();

如果您想获得单击的值，请使用：

var agent = $(this).val();

然后，我不太确定少于4个部分是做什么的，但你需要一些代码来决定放置新部分的位置。这些行：

$('#Agent1').val(agent);
$('#AgentID1').val(agentID);

需要放入某种循环，如下所示：

for (var i=1 ; i <= 4 ; ++i) {
    if (...something to decide if this is where you want it ...) {
        $('#Agent' + i).val(agent);
        $('#AgentID' + i).val(agentID);
    }
}

某种'如果是这样的组：

if (... 1 is it ...) {
    $('#Agent1').val(agent);
    $('#AgentID1').val(agentID);
} else if (... 2 is it ...) {
    $('#Agent2').val(agent);
    $('#AgentID2').val(agentID);
} else if (... 3 is it ...) {
    $('#Agent3').val(agent);
    $('#AgentID3').val(agentID);
} else  if (... 4 is it ...) {
    $('#Agent4').val(agent);
    $('#AgentID4').val(agentID);
}

Answer 2

谢谢李。它工作得很完美。我想添加jQuery minusthik图标，然后在每个文本框旁边添加它以提供删除文本选项。你觉得，我也可以用“ - ”点击减去计数器吗？

var counter = 0;

$('[name=addAgent]').bind('click', function() {
            var agent = $('[name=selectAgent]').val();
            var agentID =$("#AgentID").val();
            //alert(agent);

            if(agent == ""){
                $.msgBox({
                    title:"Agent Name",
                    content:"Please search for an agent to Add!"
                    });
                return false;
            }


              alert(counter);   
                if(counter==1){
                    $('#Agent1').val(agent);
                    $('#AgentID1').val(agentID);                      

                }else if(counter==2){
                        $('#Agent2').val(agent);
                    $('#AgentID2').val(agentID);

                }else if(counter==3){
                        $('#Agent3').val(agent);
                    $('#AgentID3').val(agentID);

                }else if(counter==4){
                    $('#Agent4').val(agent);
                    $('#AgentID4').val(agentID);               

                }else{
                    $.msgBox({
                    title:"Agent Name",
                    content:"You cannot add more than 4 Agents!"
                    });
                }
                 $( '[name=selectAgent]' ).val('');


            counter++;

        });

将自动填充项添加到文本框中

2 个答案: