如何通过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>，再提交到数据库里，希望能解答者尽量能给出完整的代码！（禁止复制，要原创的代码）

将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应该也可以

温馨提示：内容为网友见解，仅供参考

当前网址：https://22.t2y.org/zz/fi6xx6s0c.html