bootstrap实现弹窗输入简单实例

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

			</div>
			<div class="modal-body">
				<form method="post" action="act.php">
					<div class="form-group">
						<label for="txt_departmentname">项目</label>
						<input type="text" name="xm27" class="form-control">
					</div>
					<div class="form-group">
						<label for="txt_departmentname">项目</label>
						<input type="text" name="xm28" class="form-control">
					</div>
					<div class="form-group">
						<label for="txt_departmentname">项目</label>
						<input type="text" name="xm29" class="form-control">
					</div>
					<div class="form-group">
						<label for="txt_departmentname">项目</label>
						<input type="text" name="xm30" class="form-control">
					</div>
					<input type="hidden" name="id">
				</div>
				<div class="modal-footer">

					<button type="submit"  class="btn btn-primary">提交</button>
				</form>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	function add(v0,v1,v2,v3,v4) {
		$("input[name='xm27']").val(v1);
		$("input[name='xm28']").val(v2);
		$("input[name='xm29']").val(v3);
		$("input[name='xm30']").val(v4);
		$("input[name='id']").val(v0);
		$('#myModal').modal();
	};

</script>
<input type="button" id="btn-add" value="去输入" class="btn btn-primary" onclick='add(<?php echo '"'.$r[0].'","'.$r[27].'","'.$r[28].'","'.$r[29].'","'.$r[30].'"';?>)'/>