问答

点击ur列表将下面li里的内容,传递给input表单?

作者:admin 2021-07-18 我要评论

div ul id="UlLi" onclick="hello()" li value="11a"a href="" 111a/a/li li value="22"a href="" 22a/a/li li value="333"a href="" 33a/a/li li value="44"a h...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
<div>
    <ul id="UlLi" onclick="hello()">
        <li value="11a"><a href=""> 111a</a></li>
        <li value="22"><a href=""> 22a</a></li>
        <li value="333"><a href=""> 33a</a></li>
        <li value="44"><a href=""> 44a</a></li>
    </ul>
    <input id="xxx_x" value="" />
</div>
<script>
    function hello() {
        var ul=document.getElementById("UlLi").getElementsByTagName("li");
        for(var i=0;i<ul.length;i++){
            var cityid=ul[i].getAttribute("value");
        }
        var input = document.getElementById("xxx_x");
        input.value?= cityid;
    }
</script>
###

你现在这样input中存在的是最后一个也就是44

你应该是给li绑定事件,然后在click事件中给input赋值

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 点击ur列表将下面li里的内容,传递给in

    点击ur列表将下面li里的内容,传递给in

  • react-native 如何可靠的获取设备唯一I

    react-native 如何可靠的获取设备唯一I

  • vuecli3 有集成压缩js的插件吗,uglifyj

    vuecli3 有集成压缩js的插件吗,uglifyj

  • iOS开发现在学的东西多吗

    iOS开发现在学的东西多吗

腾讯云代理商
海外云服务器