0

div を保持する必要があり、その中に回答が必要であり、div を閉じる必要があります。ループ内の質問の後に div を閉じた後でも、div div は回答なしで閉じられます..コード:

if(a.isQuestion == "true"){
                  ansdetails="";
                  ansdiv ="";
                  $.each(a.answers, function(key, b) {
                      if(a.anstype=="select only one"){
                          ansdetails +="<div id=\"" +b.nextuid+ "\" data-link=\"Answer" +a.index+ "\"  class=\"showfirst\"><tr><th width=\"20\" height=\"40\" align=\"left\" valign=\"top\" scope=\"row\" class=\"questionnaireanswer\"><input name=\"radiobuttton\" answered=\"\" current-index=\""+a.index+"\" value=\"" +b.ansuid +"\"  data-value=\"" +b.ansuid+ "\" class=\"\" type=\"radio\">" +b.ansname+ " .</th>\
                          <td width=\"438\" height=\"40\" align=\"left\" valign=\"top\" class=\"questionnaireanswer\"> " +b.ansvalue+ "</td></tr></div>";
                      }
                      else{
                          ansdetails +=" <div id=\"Answer" +a.index+ "\"  class=\"showfirst\">\<tr>\
                          <th width=\"20\" height=\"40\" align=\"left\" valign=\"top\" scope=\"row\" class=\"questionnaireanswer\"><input name=\"chk\" current-index=\""+a.index+"\" id=\"" +b.ansuid +"\" value=\"" +b.nextuid+ "\" data-value=\"" +b.ansuid+ "\" class=\"\" type=\"checkbox\">" +b.ansname+ " .</th>\
                          <td width=\"438\" height=\"40\" align=\"left\" valign=\"top\" class=\"questionnaireanswer\"> " +b.ansvalue+ "</td></tr>";
                      }
                  });            

              }

結果 ：

<div id=/"/"></div>
<tr><td><input type=/"radio/" name="dd" value=/"/">Answer 1</td></tr>
<tr><td><input type=/"radio/" name="dd" value=/"/">Answer 2</td></tr>
<tr><td><input type=/"radio/" name="dd" value=/"/">Answer 3</td></tr>
<tr><td><input type=/"radio/" name="dd" value=/"/">Answer 4</td></tr>

期待される結果 ：

<div id=/"/">
<tr><td><input type=/"radio/" name="dd" value=/"/">Answer 1</td></tr>
<tr><td><input type=/"radio/" name="dd" value=/"/">Answer 2</td></tr>
<tr><td><input type=/"radio/" name="dd" value=/"/">Answer 3</td></tr>
<tr><td><input type=/"radio/" name="dd" value=/"/">Answer 4</td></tr>
</div>
4

2 に答える 2

2

要素を要素の<tr>子にすることはできません<div>(table/thead/tbody/tfoot のみ)。有効な HTML を生成してみてください。

于 2012-07-17T15:32:26.813 に答える
0

クエンティンが述べたように、テーブルの生成にはエラーが含まれています。有効な構文は次のようになります。

<div>
    <table>
        <tr>
            <td>
                <label><input type="radio" name="dd" value="">Answer 1</label>
            </td>
        </tr>
        <tr>
            <td>
                <label><input type="radio" name="dd" value="">Answer 2</label>
            </td>
        </tr>
        <tr>
            <td>
                <label><input type="radio" name="dd" value="">Answer 3</label>
            </td>
        </tr>
    </table>
</div>

とにかく、リストを生成する方が簡単で読みやすいかもしれません:

<ul>
    <li>
        <label><input type="radio" name="dd" value="">Answer 1</label>
    </li>
    <li>
        <label><input type="radio" name="dd" value="">Answer 2</label>
    </li>
    <li>
        <label><input type="radio" name="dd" value="">Answer 3</label>
    </li>
</ul>
于 2012-07-17T15:41:32.097 に答える