正确使用html生成查询

Question

我有一个html，我正在从用户那里获取输入，当点击搜索按钮时，它正在创建一个查询

<form class="content" style="margin-left:0px !important" action="/searchCall/">
    <div class="workplace">
        <div class="row-fluid">
            <div class="span12">
                <div class="head clearfix">
                    <div class="isw-documents"></div>
                    <h1>Project Specific</h1>
                </div>
                <div class="block-fluid">
                    <div class="row-form clearfix">
                        <div class="span3">List Of KPI Messages:</div>
                        <div class="span4">
                            <select multiple="multiple" name="KPI" id="from" size="10">
                                <option value="101">FTP Upload</option>
                                <option value="103">FTP Download</option>
                                option value="105">HTTP Test</option>
                                <option value="107">HTTPS Test</option>
                            </select>
                            <div class="span5"></div>
                            <input style="width:32%;" id="btn" class="btn btn-large" type="submit" value="Search ">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

当我点击提交按钮时，URL生成

http://192.168.2.253:8080/searchCall/?startDate=DD-MM-YYYY&endDate=DD-MM-YYYY&reportingType=0&circle=0&kpi=101&kpi=103&kpi=107

我想制作

kpi=101&kpi=103&kpi=107

到

kpi= [101,102,107]

有没有办法做到这一点。