Question

我的表格中有一节如下：

  <div id="evchoices">
      <div class="choice">Play <input type="checkbox" name="play" checked></div>
      <div class="choice">Pause <input type="checkbox" name="pause" ></div>
      <div class="choice">Stop <input type="checkbox" name="stop"></div>
      <div class="choice">Complete <input type="checkbox" name="complete" checked></div>
  </div>

它可以自行运行。我正在使用以下jQuery行添加新元素：

$("#evchoices").append('<div class="choice" id="adev'+evtal+'">'+evtal+' Seconds<input name="'+evtal+'seconds" checked="" type="checkbox"></div>');

evtal是用户添加的数字。生成的源显示以下内容：

<div class="choice">1 Seconds<input name="1seconds" checked="" type="checkbox"></div>

这看起来很好，但是提交表单时，1秒不会传递。有什么想法吗？

Answer 1

在HTML5之前，ID属性无法以数字开头。也许name属性有同样的问题。尝试使用name="seconds1"代替name="1seconds"（就像使用ID一样.BTW：为什么我们在生成的代码中看不到ID？）

Answer 2

我能够获得以下代码。不确定这是不是问题，但你确定你是在宣布“etval”变量吗？

  $(document).ready( function() {  

    var evtal = 1;

    $("#evchoices").append('<div class="choice" id="adev' + evtal + '">' + evtal + 'Seconds<input name="' + evtal + 'seconds" checked="" type="checkbox"></div>'); 
 });

玩暂停停止完成

jQuery添加到表单不发送值

2 个答案: