作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何将数组数据提交到 bootstrap/zurb foundation modal,这是我提交数据的表单:
<form method="post" action="">
<p>
<label>Name 1: </label>
<input type="text" name="name[]" size="30" />
</p>
<p>
<label>Name 2: </label>
<input type="text" name="name[]" size="30" />
</p>
<p>
<label>Name 3: </label>
<input type="text" name="name[]" size="30" />
</p>
<p>
<label>Address: </label>
<textarea name="address"></textarea>
</p>
<p>
<input type="submit" value="Submit" />
</p>
</form>
我的模式显示提交结果:
<div id="modal">
Name :
Address :
</div>
最佳答案
你可以用这个;
$("form").submit(function(event) {
event.preventDefault();
var name = $("input[name='name']").val();
var address = $("textarea[name='address']").val();
var html = '<table><tr><td>Name:</td><td>' + name + '</td></tr><tr><td>Address: </td><td>' + address + '</td></tr></table';
$(".modal-body").html(html);
$("#myModal").modal("show");
})
关于javascript - 如何将数组数据提交到 bootstrap/zurb foundation modal,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23536006/
我是一名优秀的程序员,十分优秀!