select利用input 传递值到后端


<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]访问第二个



展开阅读全文

没有更多推荐了,返回首页