我有一个带有输入字段的网页(用于选择日期的日历)。
问题是我需要从两个不同的表单元素读取输入字段,每个元素都有自己的操作和其他值。
|calendar| [do this] [do that]
我不想复制两种表单中的输入字段,因为它看起来很愚蠢。
有什么建议么?
编辑:这是两种形式:
<form action="/adm/user/credit/update?sms=<?=$id?>&user=<?=$user?>" method="post">
<input type="hidden" name="isPaid" value="1"/>
<label for="datums">Datums: </label>
<input type="text" id="datums" name="datums"/>
<input type="submit" value="Paid" style="background-color:green; color:white"/>
</form>
<form action="/adm/user/credit/extend?sms=<?=$id?>&user=<?=$user?>" method="post">
<input type="hidden" name="phone" value="<?=$phone?>">
<select name="period">
<option value="7">7</option>
<option value="14">14</option>
<option value="30">30</option>
</select> days
<input type="submit" value="Extend" style="background-color: blue; color: white">
</form>
只需给它唯一的ID并使用document.getElementById
像这样在任何你想要的地方:
var myValue = document.getElementById("myInputID").value;
这样,无论在哪里input
位于,它甚至可以是任何形式之外的。
Edit:
要在提交时读取值,请首先添加onsubmit
相关表格的部分:
<form action="....." onsubmit="ReadValue(this);">
现在将其添加到您的页面中:
<script type="text/javascript">
function ReadValue(oForm) {
var myValue = document.getElementById("myInputID").value;
alert("value is: " + myValue);
}
</script>
这会将值显示为警报对话框。如果您想使用该值填充隐藏表单字段,请使用以下代码:
function ReadValue(oForm) {
var myValue = document.getElementById("myInputID").value;
oForm.elements["myHiddenFieldId"].value = myValue;
}
希望它足够清楚! :)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)