select利用input 传递值到后端

最新推荐文章于 2022-08-11 18:28:20 发布

深圳-张

最新推荐文章于 2022-08-11 18:28:20 发布

阅读量5k

点赞数 1

本文链接：https://blog.youkuaiyun.com/u012129033/article/details/78188807

版权

本文介绍了一个简单的HTML表单示例，展示了如何使用JavaScript进行表单元素的选择和操作，特别是通过选择器获取表单元素的值并将其赋值给另一个输入框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html lang="en">
<body>
    <form id="login" name="login" method ="post" action="/test3/">
        <span style="margin-left:100px;width:0px;overflow:hidden" >
            <select style="width:118px;margin-left:100px;height:25px" οnchange="A()" id="SS">
            <option value="A">1</option>
            <option value="B">2</option>
            <option value="C">3</option>
            </select>
        </span>
        <input name="boxname" id="box" style="width:100px;position:absolute;left:0px;height:25px">
        <p><input id="subLogin"  name ="subLogin" type="submit" value="提交" /></p><!--提交按钮-->
    {% csrf_token %}
    </form>
</body>
<script language="javascript">
    function A(){
       document.getElementById('box').value=
       document.getElementById('SS').options[document.getElementById('SS').selectedIndex].value;
{#       document.getElementById('SS').value;#}
    }
</script>

getElementBy 参数用法

getElementById()
通过ID来取得元素, 只能访问设置了ID的元素

getElementsByName()
通过NAME获得元素,DOCUMENT元素ID是唯一的但NAME却可以重复.如果一个html中有两个以上的标签NAME相同,getElementsByName()可以取得这些元素组成一个数组
<div name="docname" id="docid1"></div>
<div name="docname" id="docid2"></div>
可以用getElementsByName("docname")获得这两个DIV,用getElementsByName("docname")[0]访问第一个DIV

getElementsByTagName_r()
通过TAGNAME（标签名称）来获得元素,DOCUMENT中当然会有相同的标签,所以这个方法也是取得一个数组.
用getElementsByTagName_r("div")来访问,用getElementsByTagName_r("div")[0]访问第一个DIV,getElementsByTagName_r("div")[1]访问第二个