Javascript与HTML表单获取值
javascript with html forms getting values
我试图从产品表中获取文本,以便将它们保存到购物车中,并在以后的日期将它们放入数据库中。我还希望出现一个确认警报框,以便用户在将其写入数据库表之前进行确认。然而,我有麻烦让java脚本读取我的html,因为我只需要读取有下拉列表选择的字段。
任何帮助或指导将是伟大的!! <script type="text/javascript">
function myFunction()
{
alert(document.getElementById("musicStore").rows[0,1,2,3,4].cells.namedItem(number1,+ "price",+ "album",+ "type").innerHTML);
}
</script>
<form name= "musicStore" Action="" Method="get">
<tr>
<th>Artist</td>
<th>Title</td>
<th>Duration</td>
<th>Price</td>
<th>Album</td>
<th>Format</td>
</tr>
<tr>
<td>Rocking eddie</td>
<td>Song never leaves</td>
<td>04:34</td>
<td id="price" value="8.99">£8.99</td>
<td id="album" value="freshprince">Fresh Prince</td>
<td><select name="format" id="type">
<option value=""></option>
<option value="cd">CD</option>
<option value="digital">Download</option>
</select>
</td>
</tr>
<tr>
<td>Rocking eddie</td>
<td>Go Home</td>
<td>06:24</td>
<td id="price" value="10.99">£10.99</td>
<td id="album" value="Coffee">Coffee</td>
<td><select name="format" id="type">
<option value=""></option>
<option value="cd">CD</option>
<option value="digital">Download</option>
</select>
</td>
</tr>
<div style ="float: right";>
<button onclick="myFunction()">Add to Cart</button>
</div>
</form>
几个问题:
-
您有多个具有相同ID的元素。例如,您有两个id='type'的元素。ID应该是唯一的,如果有重复就不能正常工作。使用class代替:
<td class="price" value="8.99">£8.99</td>
-
你的javascript代码不能正常循环。
-
你不能在所有的实例中使用innerHTML,因为'type'是select list。你必须获得该元素的值,而不是innerHTML。
下面是工作代码的JSFiddle
我将把第二个改成:<select name="format" id="type2">
不同的东西。
我想你会想:
document.querySelector('#type').value
document.querySelector('#type2').value
相关文章:
- 如何从pdftron webviewer获取表单数据
- 在不同的文件中使用Javascript获取表单数据
- 试图获取表单时出现Jquery错误
- (extjs)获取表单中单选按钮的选定值.不返回该值
- jQuery发布并获取表单数据
- 可以't使用jquery获取表单中select字段的值
- 使用JavaScript或Prototype获取表单中的所有控件并启用它们
- 单击表单的“提交”按钮时,获取表单中的所有INPUT和ACTION标记
- 如何从Angular Payments获取表单数据
- 无法获取表单's面板的x和y坐标,并在加载时从cookie中设置它们
- 有没有一种方法可以在jQuery.serialize()之前获取表单数据,或者与jQuery.sserialize(()
- 通过单击提交按钮获取表单名称
- 使用 Ajax 获取表单数据
- 铬扩展 :如何获取表单并填写并提交
- 如何从 django 模板语言获取表单数据
- 根据选择选项元素将表单重定向到不同的URL,并在电子邮件中获取表单详细信息
- 通过javascript提示获取表单的信息
- 从包含ng的字段中获取表单数据,而无需使用ng模型
- 使用Javascript获取表单值
- 获取表单帖子外部的单选按钮值