Javascript将我的目标文本复制到错误的框中？

Question

所以我的网页模板上有一个自动填充搜索框。我有另一个页面使用这个模板，我需要第二个框。我已经更改了代码，以便该框在同一页面上工作，除了当我从下拉列表单击以选择数据时，它将其从附加字段复制到原始字段。

第一个搜索框（来自模板）

    function lookup(inputString) {
            if(inputString.length == 0) {
                    // Hide the suggestion box.
                    $('#suggestions').hide();
            } else {
                    $.post("http://targetsite.com/assets/search/autocomplete.php", {queryString: ""+inputString+""}, function(data){
                            if(data.length >0) {
                                    $('#suggestions').show();
                                    $('#autoSuggestionsList').html(data);
                            }
                    });
            }
    } // lookup

    function fill(thisValue) {
            $('#inputString').val(thisValue);
            setTimeout("$('#suggestions').hide();", 200);
    }
    function passValue(val)
    {
        if(!val) {
    return false;
}

    document.forms[1].action = "http://targetsite.com/dashboard/sourceview" + "/" + val;
    return true;

}

和相应的HTML：

<div class="sidebarsearch" align="right">
        <div id="search">
                Server Search
                <form onsubmit="passValue(document.getElementById('inputString').value)" method="post" accept-charset="utf-8" name="search">
                <input type="text" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" autocomplete="off" placeholder="search" />
                <input type="submit" value=" go " />

                <!-- the display box -->
                <div class="suggestionsBox" id="suggestions" style="display: none;">
                        <div class="suggestionList" id="autoSuggestionsList"></div>
                </div>
                </form>
        </div>
</div>

附加搜索框javascript：

<!-- autocomplete search box -->
<script type="text/javascript">

function diffLookup(diffInputString) {
        if(diffInputString.length == 0) {
                // Hide the suggestion box.
                $('#diffSuggestions').hide();
        } else {
                $.post("http://targetsite.com/assets/search/autocomplete.php", {queryString: ""+diffInputString+""}, function(data){

                if(data.length >0) {
                        $('#diffSuggestions').show();
                        $('#diffAutoSuggestionsList').html(data);
                }
        });
        }
}

function diffFill(thisValue) {
        $('#diffInputString').val(thisValue);
        setTimeout("$('#diffSuggestions').hide();", 200);
}

function diffPassValue(val) {
        if(!val) {
                return false;
        }

        document.forms[1].action = "<?php echo base_url("dashboard/sourceview"); ?>" + "/" + val;
        return true;
}

</script>

和那个方框的HTML：

<div class="diffHostSearch">
        <div id="diffServer">
                <form onsubmit="diffPassValue(document.getElementById('diffInputString').value)" method="post" accept-charset="utf-8" name="diffSearch" id="diffSearch">
                        <input type="text" id="diffInputString" name="diffInputString" onkeyup="diffLookup(this.value);" onblur="diffFill();" autocomplete="off" placeholder="search" />
                        <input type="submit" value=" go " />

                        <!-- the display box -->
                        <div class="diffSuggestionsBox" id="diffSuggestions" style="display: none;">
                                <div class="diffSuggestionList" id="diffAutoSuggestionsList"></div>
                        </div>
                </form>
        </div>
</div>