Question

如何通过JS修改input的value值，再提交到服务端？

<form id="add_video" name="add_video" method="post" action="add.php">
<input type="text" name="video" id="video" value="请输入视频地址">
<input type="text" name="video" id="video" value="请输入视频地址">
<input type="button" name="Submit" value="添加视频" onclick="add();" />
</fom>

用户填写完视频地址按提交按钮后，如何先通过JS修改用户输入的video的value的值，
再提交到服务端处理！我想把用户输入的value的值修改成：<option>视频地址</option>，再提交到数据库里，希望能解答者尽量能给出完整的代码！（禁止复制，要原创的代码）

Answer 1

将button按钮的input修改为：
<input type="button" name="Submit" value="提交" onclick="javascript:
fm=document.getElementById('add_video');
vtext = fm.video;
video1 = '<'+'\\option>'+vtext[0].value+'<\\option>';
video2 = '<\\option>'+vtext[1].value+'<\\option>'
fm.setAttribute('action','add.php?video1='+video1+'&&video2='+video2);
fm.submit()"
/>
再在php中分别获取video1和video2的值。
这段代码传递的值为：</option>视频地址</option>
要把用户输入的value的值修改成：<option>视频地址</option>，再提交，则需要在地址栏里修改后再传给服务器，但在地址栏里传递参数时浏览器自动将含html标签的值：</option>视频地址</option>
解析成了视频地址，要想将标签也传到服务器的话则需转义，我这段代码中转义有点问题，望可以解决这转义问题的高手指点
若你修改后的结果里不含html标签的话，此段代码完全适用

我个人觉得在php中接到表单值后再修改要简单些，不知你为何要用js来修改，是否是其中有什么优越之处？

追问

我用JS来传递参数是不得已而为之，主要是想实现添加视频的功能，但PHP里遍历算法我不会，望高手赐教。你有QQ吗？

追答

添加视频是指用户输入地址后，服务器根据地址直接将视屏显示在页面吗？我学了是jsp，对php不了解，不好意思了，不过jsp能解决的，php应该也可以

Answer 2

1. js取值，直接赋值

2. var document.gerElementById('name').value="值";

3. 表单正常提交php进行$_post取值，存在库中
   

Answer 3

给form加个id，<form id="form1"
document.form1.video.value="<option>"+document.form1.video.value+"</option>"

追问

你这个代码只是修改值，但好像不是要提交的值！光这代码的话，他只会提交没有修改的吧？
希望你能补充完整的代码！

Answer 4

<script>
function check_value(){
document.add_video.video.value="a.avi";
document.add_video.submit();
}
</script>
<form id="add_video" name="add_video" method="post" action="add.php" onsubmit=" check_value();">
<input type="text" name="video" id="video" value="请输入视频地址">
<input type="text" name="video" id="video" value="请输入视频地址">
<input type="button" name="Submit" value="添加视频" onclick="add();" />
</fom>