我试图在我的网站上做一张桌子。表内容具有我在下一步操作中用作参数的值,并自动在表格上显示。
这是我的skenario
表格的内容作为我这样的弹出按钮的按钮
<div>
<table width="1023" height="248" border="1">
<tr>
<th colspan="2" scope="col">A1</th>
<th colspan="2" scope="col">A2</th>
<th colspan="2" scope="col">A3</th>
</tr>
<tr>
<td><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });" value="A1.4" /></td>
<td><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });" value="A1.8" /></td>
<td><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });" value="A2.4" /></td>
<td><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });" value="A2.8" /></td>
<td><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });" value="A3.4" /></td>
<td><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });" value="A3.8" /></td>
</tr>
</div>
这是我的popup_window_show
<div class="popup_window_css" id="sample">
<div class="popup_window_css_head"><img src="images/close.gif" alt="" width="9" height="9" />Aksi</div>
<div class="popup_window_css_body"><div style="border: 1px solid #808080; padding: 6px; background: #FFFFFF;">
<form method="post" action="">
<table width="200">
<tr>
<td colspan='2' align='center'> WHK </td>
<tr>
<td> Posisi :</td>
<td> <input type='text' name="p" /></td>
</tr>
<tr>
<td> Product ID :</td>
<td> <input type='text' name="id" /></td>
</tr>
<tr>
<td> Product Name :</td>
<td> <input type='text' name="nama" /></td>
</tr>
<tr>
<td> Production Date :</td>
<td> <input type='text' name="tgl" /></td>
</tr>
<tr>
<td colspan='2' align='right'>
<input type='submit' value= 'Save'>
<input type='reset' value='Reset' />
<input type='button' value='view' onclick=\"window.location.href='#';\"/>
</td>
</tr>
</table>
</div>
</div>
我的焦点问题是如何使表格内容自动在Posisi coloumn的弹出窗口中显示。
例如:当用户在“ posisi”对话框中点击A1.4时,它会自动具有值A1.4并显示
然后,当用户单击查看按钮时,“ Web”将引导用户进入一个新页面,该页面显示了数据库,其中表内容作为参数。
可能是这个http://jsfiddle.net/andricoga/k4BB3/#base可以帮助您了解我的问题
我的英语水平仍然很弱,我希望你能理解我的意思并为我解决
最佳答案
是的,我发现
<script>
function setvalue(values) {
document.getElementById('posisi').value = values;
}
</script>
<div>
<table width="1023" height="248" border="1">
<tr>
<td>
<input type="button" onclick="setvalue(this.value);" value="A1.8" />
</td>
</tr>
</table>
</div>
<div class="popup_window_css" id="sample">
<table class="popup_window_css">
<tr class="popup_window_css">
<td class="popup_window_css">
<div class="popup_window_css_head">
<img src="images/close.gif" alt="" width="9" height="9" />Aksi</div>
<div class="popup_window_css_body">
<div style="border: 1px solid #808080; padding: 6px; background: #FFFFFF;">
<form method="post" action="">
<table>
<tr>
<td>Werehouse</td>
<tr>
<td>Posisi</td>
<td>
<input type='text' name="p" id="posisi" />
</td>
</tr>
<tr>
<td>Product ID</td>
<td>
<input type='text' name="id" />
</td>
</tr>
<tr>
<td>Product Name</td>
<td>
<input type='text' name="nama" />
</td>
</tr>
<tr>
<td>Production Date</td>
<td>
<input type='text' name="tgl" />
</td>
</tr>
<tr>
<td colspan='2' align='right'>
<input type='submit' value='Save'>
<input type='reset' value='Reset' />
<input type='button' value='view' onclick=\ "window.location.href='#';\"/>
</td>
</tr>
</table>
</div>
</div>
你可以在这里http://jsfiddle.net/JLExZ/
关于php - 如何使表格内容以弹出形式自动显示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15715913/