首页 / HTML / <ul><li></li></ul>标签问题_html/css_WEB-ITnose

<ul><li></li></ul>标签问题_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了<ul><li></li></ul>标签问题_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1564字，纯文字阅读大概需要3分钟。

内容图文

如题，我想用
标签实现select那种效果，请问要怎么实现？

就是比如这样 
        
  • 张三
    •     
  • 李四
    •     
  • 王五

当我选中的是张三时后台获取的是001这个值，选中李四时获取的是002这个值，选中王五时获取的是003这个值，
请问要怎么实现


用select写的话我知道，就是

但是用
  • 不知道怎么写


    回复讨论(解决方案)

          
    • 张三
      •     
    • 李四
      •     
    • 王五


    $(function(){
    $("ul li").click(function(){
    var ar = $(this).attr("name");
    alert(ar);
    })
    })

    你自己包含一个jquery就可以了

    纯手打，有点错误，下面没打

    ，你可以测试一下

    如果是表单提交的话，你完全可以在表单中设置一个隐藏域，点击li时，改变隐藏域的值即可，最终提交表单即可

    你点击ul的时候 改变 select 的 value

    恩 好的 谢谢您

    如果是表单提交的话，你完全可以在表单中设置一个隐藏域，点击li时，改变隐藏域的值即可，最终提交表单即可


    恩，我现在是这样写的，但是还有一个获取到的值得问题，比如说：
    点张三我应该获取的是001，但实际获取的是1，自动去掉了00
    点李四我获取的是222，正常
    点王五我获取的是0
    点赵六获取的也是0
    这个有什么办法解决吗？ 

    function getDriverId(obj) {	document.getElementById("driverId").value = obj.value;	alert(document.getElementById("driverId").value);}


      	
    • 张三
      • 	
    • 李四
      • 	
    • 王五
      • 	
    • 赵六
      •

    问题已经解决了 ，谢谢各位，解决代码如下： 

    			
      		
    • 张三
      • 		
    • 李四
      • 		
    • 哈哈
      • 		
    • 哇哈哈
      • 	


    $(document).ready(function() {	'use strict';	var $driver = $('.driver'), $list = $driver.children('ul');        $list.delegate('li', 'click', function() {		var $this = $(this);		$driver.value = $this.attr('data-value');		 //alert($driver.value);		 //alert($this.attr('data-value'));  	});});

内容总结

以上是互联网集市为您收集整理的<ul><li></li></ul>标签问题_html/css_WEB-ITnose全部内容，希望文章能够帮你解决<ul><li></li></ul>标签问题_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/398168.html

来源：【匿名】