根据下拉框指定选项自动添加表单元素

最新推荐文章于 2021-02-26 14:46:58 发布

信行合一

最新推荐文章于 2021-02-26 14:46:58 发布

阅读量1k

点赞数

分类专栏： 12_html

本文链接：https://blog.csdn.net/tengdazhang770960436/article/details/16948867

版权

12_html 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

<html>

<head>

    <script type="text/javascript">

        function huijiao(obj) {
            alert("value:" + obj.value + "name:" + obj.options[obj.selectedIndex].text);
            var selectVal = obj.value;
            var titleElement = document.getElementById("huijiaoTitle");
            var contentElement = document.getElementById("huijiaoDiv");
            if(selectVal=="1") {
                titleElement.innerHTML="是否汇缴";
                var newElement="<span id='radioElement'><input type='radio' name='huijiao' checked value='yes'/>  是    " +
                        "<input type='radio' name='huijiao' value='no'/>  否</span>";
                contentElement.insertAdjacentHTML("beforeEnd", newElement);
            } else {
                titleElement.innerHTML="";
                var selectElement=document.getElementById("radioElement");
                if(selectElement!=undefined) {
                    contentElement.removeChild(selectElement);
                }
            }
        }

        function getRadioValue() {
            var huijiaoElements=document.getElementsByName("huijiao");
            var flag = "";
            if(huijiaoElements!=undefined) {
                if(huijiaoElements[0].checked){
                   flag = "yes";
                } else {
                    flag = "no";
                }
            } else {
                return;
            }
            alert(flag);
            return flag;
        }


    </script>

</head>

<body>

<select name="selecttest" οnchange="huijiao(this)">
    <option selected="selected">请选择</option>
    <option value="1">第一项</option>
    <option value="2">第二项</option>
    <option value="3">第三项</option>
</select>


<span id="huijiaoTitle"></span>

<span id="huijiaoDiv"></span>

<input type="button" value="获取被选择" οnclick="getRadioValue()">

</body>

</html>

信行合一

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
根据下拉框指定选项自动添加表单元素

function huijiao(obj) { alert("value:" + obj.value + "name:" + obj.options[obj.selectedIndex].text); var selectVal = obj.value; var titleElement = document.getEleme
复制链接

扫一扫

专栏目录