vote_option.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <script type="text/javascript">
  2. var textNumber = 2;
  3. function addTextBox(form, afterElement) {
  4. // Increment the textbox number
  5. textNumber++;
  6. // Create the label
  7. var label = document.createElement("label");
  8. // Create the textbox
  9. var textField = document.createElement("input");
  10. textField.setAttribute("type","text");
  11. textField.setAttribute("name","vote_option");
  12. textField.setAttribute("id","content"+textNumber);
  13. // Add the label's text
  14. label.appendChild(document.createTextNode("选项: "));
  15. // Put the textbox inside
  16. label.appendChild(textField);
  17. // Add it all to the form
  18. form.insertBefore(label,afterElement);
  19. return false;
  20. }
  21. function removeTextBox(form) {
  22. if (textNumber > 2) { // If there's more than two text box
  23. // Remove the last one added
  24. form.removeChild(document.getElementById("content"+textNumber).parentNode);
  25. textNumber--;
  26. }
  27. }
  28. </script>
  29. <div class="bjui-pageContent">
  30. <form action="${ctxPath}/cms/vote/saveOption" id="option_form" method="post" data-toggle="validate" data-autorefresh="true" data-alertmsg="false">
  31. <input type="hidden" id="flag" name="flag" value="${flag}">
  32. <input type="hidden" id="xh" name="xh" value="${xh}">
  33. <h3 class="form-signin-heading">请创建投票选项:</h3>
  34. @for(op in opList){
  35. @var textNumber = 0;
  36. @textNumber++;
  37. <label>选项: <input type="text" name="vote_option" value="${op.content!}" id="content"+textNumber/></label>
  38. @}
  39. <div class="text-center">
  40. <button type="submit" class="btn btn-green" value="保存">&nbsp;保&nbsp;存&nbsp;</button>&nbsp;&nbsp;&nbsp;&nbsp;
  41. <button type="button" class="btn btn-green" onClick="addTextBox(this.form,this.parentNode)">增加选项</button>&nbsp;&nbsp;&nbsp;&nbsp;
  42. <button type="button" class="btn btn-red" onClick="removeTextBox(this.form)">删除选项</button>
  43. </div>
  44. </form>
  45. </div>