输入具有多个值的多个值

Question

不确定最佳的方式来做到这一点...

我有一个HTML表单与多行..但其中一列也有多个值。

我知道我可以收到event成一个字符串数组与getParamaterValues()。但是对于变量days，我如何将它转换为数组的数组，以便它仍然与事件列相关？

这一切都来自数据库，所以我不能只是硬编码它。

我确定我确实知道答案，但我的大脑不合作......先谢谢了启动...我使用Java servlets。但它实际上只是一个HTML问题。

例如

<tr> 
    <td> 
     <input type="checkbox" name="event" value="ev1"> 
    <td> 
     <input type="checkbox" name="days" value="Sat"> 
     <input type="checkbox" name="days" value="Sun"> 
<tr> 
    <td> 
     <input type="checkbox" name="event" value="ev2"> 
    <td> 
     <input type="checkbox" name="days" value="Fri"> 
     <input type="checkbox" name="days" value="Sat"> 
     <input type="checkbox" name="days" value="Sun"> 
<tr> 
    <td> 
     <input type="checkbox" name="event" value="ev3"> 
    <td> 
     <input type="checkbox" name="days" value="Sat"> 
     <input type="checkbox" name="days" value="Sun"> 
     <input type="checkbox" name="days" value="Mon"> 

Answer 1

从事件的价值附加到像ev1_days，ev2_days，ev3_days天的name属性：

<tr> 
    <td> 
     <input type="checkbox" name="event" value="ev1"> 
    </td> 
    <td> 
     <input type="checkbox" name="ev1_days" value="Sat"> 
     <input type="checkbox" name="ev1_days" value="Sun"> 
    </td> 
</tr> 
... 
... 

然后，你可以这样做：

String[] events = request.getParamaterValues("event"); 
for(int i=0; i<events.length; i++) 
{ 
    String[] days = request.getParamaterValues(events[i] + "_days"); 
    //do something with days.... 
} 

你应该顺便关闭你的td和tr's。

Answer 2

您必须将属于同一事件的复选框的名称更改为唯一名称。

HTML

<tr> 
    <td> 
     <input type="checkbox" name="event" value="ev1"> 
    <td> 
     <input type="checkbox" name="daysA" value="Sat"> 
     <input type="checkbox" name="daysA" value="Sun"> 
<tr> 
    <td> 
     <input type="checkbox" name="event" value="ev2"> 
    <td> 
     <input type="checkbox" name="daysB" value="Fri"> 
     <input type="checkbox" name="daysB" value="Sat"> 
     <input type="checkbox" name="daysB" value="Sun"> 
<tr> 
    <td> 
     <input type="checkbox" name="event" value="ev3"> 
    <td> 
     <input type="checkbox" name="daysC" value="Sat"> 
     <input type="checkbox" name="daysC" value="Sun"> 
     <input type="checkbox" name="daysC" value="Mon"> 

脚本

var events = []; 
    var daysA = []; 
    var daysB = []; 
    var daysC = []; 
    var jsonData=""; 

    function c(){ 
    var eventCB = document.getElementsByName("event"); 
    var daysACB = document.getElementsByName("daysA"); 
    var daysBCB = document.getElementsByName("daysB"); 
    var daysCCB = document.getElementsByName("daysC"); 

    for(var i=0;i<eventCB.length;++i){ 
     events.push(eventCB[i].value); 
    } 

    for(var i=0;i<daysACB.length;++i){ 
     daysA.push(daysACB[i].value); 
    } 

    for(var i=0;i<daysBCB.length;++i){ 
     daysB.push(daysBCB[i].value); 
    } 

    for(var i=0;i<daysCCB.length;++i){ 
     daysC.push(daysCCB[i].value); 
    } 


    jsonData ='{events:['+events.toString()+'],days:[['+daysA.toString()+'],['+daysB.toString()+'],['+daysC.toString()+']]}' 

    } 

将数据传递到Servlet的

var jsonComplete = JSON.stringify(jsonData);//You will get below string 
//{events:[ev1,ev2,ev3],days:[[Sat,Sun],[Fri,Sat,Sun],[Sat,Sun,Mon]]} 
$.ajax({ 
     url:"URLServlet", 
     type:"POST", 
     dataType:'json', 
     data: {jsonComplete : jsonComplete }, 
     success:function(data){ 
      // do whatever required 
     }, 


    }); 

在Servlet的接收数据使用org.json

JSONObject objJSON = new JSONObject(request.getParameter("jsonComplete ")); 
JSONArray arrEvents = objJSON.getJSONArray("events"); 
JSONArray arrDays = objJSON.getJSONArray("days"); 

for(int i=0;i<arrEvents.length();++i){ 
    out.println("event["+i+"]:"+arrEvents.getString(i));//Similar to event[0]:ev1 
} 

for(int i=0;i<arrDays.length();++i){ 
    JSONArray arrDaystemp = arrDays.getJSONArray(i); 
    out.println("days["+i+"]:["); 
    for(int i=0;i<arrDaystemp.length();++i){ 
     out.println(arrDaystemp.getString(i));//Similar to days[0]:[Mon,Tue] 
    } 
    out.println("]"); 
}