现在已经拿到ul如何获取他的同胞Input输入框的值
                            <ul id="imagListDiv_imgUl" class="list-inline">
                                    <li>
                                        <img class="li_img_show" src="${imgUrl}">
                                        <div class="removeDiv">
                                            <span class="glyphicon glyphicon-remove removeDiv_span">
                                        </div> 
                                    </li>
                            </ul>
                    <form:input  type="hidden"  path="pictures" htmlEscape="false" maxlength="100" class="form-control  "/>
                </div>

我需要点击这个li中图片来将图片信息保存在input框中,现在通过点击已经获取到li中img;那么如何将这个url存入input框中(input的name或id是没有传递的,需要通过父子关系进行获取赋值),如何通过父子关系给input框赋值

8个回答

从你的代码看,你的input并没有在ul中,但是input是包含在了一个div中的,如果这个div中只有这一个input,那就可以$('#div_id' input).val($(img对象)[0].src

yinyan1314
yinyan1314 回复zhli219: 客气客气。
大约 2 年之前 回复
zhli219
zhli219 可以用你这个终于弄出来了,thanks
大约 2 年之前 回复

假如这个input在这个ul中,而且只有这一个的话可以 $("#imagListDiv_imgUL input").text("something")。没有测试,意思是选择子元素通过text()方法赋值,也可以用其他方法attr()等。

如果你的ul的同级没有多个type类型为hidden的input,你可以$("#imagListDiv_imgUl").next("input[type=hidden]").val()

var inputs = $("ul#imagListDiv_imgUl").next("input[type=hidden]");
if(inputs.length>0){
$(inputs[0]).val(img信息)
}

拿到ul之后 $(this).parents().next("input").val("取到的路径参数"), form:input type="hidden" 这种的话没事过,只是inputd的话就是那样写

你可以用JQuery通过input的属性值获取input的JQuery对象然后给对象的value赋值就可以,

可以用JQuery通过input的属性值获取input的JQuery对象然后给对象的value赋值就可以,也可以选择子元素通过text()方法赋值,也可以用其他方法attr()等。

//获取img的url
a = $(". li_img_show").attr("src")
//给input赋值
$(this).closet("ul").after("input").val(a)

大概是这样?语法没试

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
从脚本添加的输入框中获取值

<div class="post-text" itemprop="text"> <p>Better will be if you can see it. On my website <a href="http://www.loloid.thyon.cz" rel="nofollow">Loloid</a></p> <p>There is input box, where user write his username. In menu is <em>region</em> and there user choose his region, where he plays. When he choose his region, in form is new hidden input with your region.</p> <p>I have PHP file, where i save his username with <strong>$_POST</strong>, but it doesn't work for region. Here are my codes, I have no idea how to save my region with <strong>$_POST</strong></p> <pre><code>//.Value are classes for regions $('.Value').click(function(e){ var value = $(e.target).text(); $('.hiddenRegion').html(value); }); </code></pre> <p>Here is HTML</p> <pre><code>&lt;form method="post" action="lol.php" id="form"&gt; &lt;ul&gt; &lt;li class="field"&gt; &lt;input class="input" type="text" autocomplete="off" placeholder="Write a summoner name" name="summonerName" id="summonerName"/&gt; &lt;a id="formSubmit"&gt;&lt;i class="icon-search"&gt;&lt;/i&gt;&lt;/a&gt; &lt;input type="hidden" name="hiddenInput" class="hiddenRegion"&gt;&lt;/input&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/form&gt; </code></pre> <p>And PHP</p> <pre><code>$region = $_POST['hiddenInput']; </code></pre> <p>When i print <strong>$region</strong> with echo, it returns just blank string</p> </div>

点击ul任何地方,如何获取ul li 里面的值,可支持点击多个ul获取值

现在页面是ul li循环展示出来的,最后一个li是一个checkbox,如何点击选中多个checkbox,可以获取到所以得li的值,并且是k,v形式的数据,我在后台要获取这些值拼成json格式的数据。

jQuery如何把从标签内的内容放入到对应的input的value中

如何把span标签内1,2,3的内容放入到对应1,2,3input的value中 <ul class="ul_class"> <li class="li_class"> 1<input id='input_1' value=""> <div id="div_1"> <span class="vals">1</span> </div> </li> <li class="li_class"> 2<input id='input_1' value=""> <div id="div_1"> <span class="vals">2</span> </div> </li> <li class="li_class"> 3<input id='input_1' value=""> <div id="div_1"> <span class="vals">3</span> </div> </li> </ul>

如何获取选中的li的值

<div class="gf-select" id="province"> <span><em>请选择省份</em><i class="icon-jt"><input type="hidden" name="province" value="aaa"></i></span> <ul> <li data-value="">请选择省份</li> </ul> </div> <button class="sure-btn" type="button">确认保存</button> li在加载页面的时候会动态加载省份。然后点击确认按钮获取到选中的li的值

点击查看更多的时候,在input里输入值后点收起再点击查看更多,值没有了

<ul class="libiao"> <li class="l lw">姓名</li> <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li> </ul> <ul class="libiao"> <li class="rw100 centys" @click="reveal">{{flag?"查看更多":"收起"}}</li> </ul> <view class="more" v-if="show==false"> <ul class="libiao"> <li class="l lw">性别</li> <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li> </ul> <ul class="libiao"> <li class="l lw">出生日期</li> <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li> </ul> <ul class="libiao"> <li class="l lw">身份证号码</li> <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li> </ul> <ul class="libiao"> <li class="l lw">签发机构</li> <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li> </ul> <ul class="libiao"> <li class="l lw">签发日期</li> <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li> </ul> <ul class="libiao"> <li class="l lw">失效日期</li> <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li> </ul> ``` methods: { reveal(){ this.show=!this.show; this.flag=!this.flag; }, } ```

如何将js获取到的text值传递给后台servlet页面,

<script type="text/javascript"> $("a").click(function () { var content=$(this).text(); });</script> 并且在servlet页面进行查询,查询的结果传递到新的页面中

如何在golang中获取<ul>的表单值?

<div class="post-text" itemprop="text"> <p>In my use case I am using tag <a href="https://github.com/aehlke/tag-it" rel="nofollow">tag-it</a> to get tags from user. I am getting the tags input in html <code>&lt;ul&gt;</code> form. I am using golang in server side. </p> <p>html:</p> <pre><code> &lt;form class="comment-form" action="/add/" method="POST" enctype="multipart/form-data"&gt; &lt;div class="form-input"&gt; &lt;label for="tags_label"&gt;Tags&lt;/label&gt; &lt;ul id="tags"&gt; &lt;script type="text/javascript"&gt; $("#myTags").tagit(); var tagsArray = ["C", "C++", "Go", "Ruby"]; $("#tags").tagit({ itemName: "teamId", fieldName: "teamName", availableTags: tagsArray, allowSpaces:true, caseSensitive:false, removeConfirmation:true, placeholderText:"Tags", tagLimit: 5, allowDuplicates: false, singleFieldDelimiter: ',', onlyAvailableTags: false }); &lt;/script&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/form&gt; </code></pre> <p>and in server end I am trying to get the value like below similar to other fields in the form,</p> <pre><code>tags := r.FormValue("tags") log.Printf("Tags : ", tags) </code></pre> <p>But it is not working. Could someone help me with this?</p> <p><strong>EDIT:</strong> When I inspect the element this is what I see,</p> <pre><code>&lt;div class="form-input"&gt; &lt;label for="tags_label"&gt;Tags&lt;/label&gt; &lt;ul id="tags" class="tagit ui-widget ui-widget-content ui-corner-all"&gt; &lt;script type="text/javascript"&gt; $("#myTags").tagit(); var tagsArray = ["C", "C++", "Go", "Ruby"]; $("#tags").tagit({ itemName: "teamId", fieldName: "teamName", availableTags: tagsArray, allowSpaces:true, caseSensitive:false, removeConfirmation:true, placeholderText:"Tags", tagLimit: 5, allowDuplicates: false, singleFieldDelimiter: ',', onlyAvailableTags: false }); &lt;/script&gt;&lt;li class="tagit-new"&gt;&lt;input type="text" class="ui-widget-content ui-autocomplete-input" placeholder="Tags" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> </div>

js给input控件添加onkeypress属性

在前台直接添加onkeypress可以实现. ``` <input id="CurrPage" type="text" style="text-align:center;width:40px;" onkeypress="if (event.keyCode == 13) searchPage()" /> ``` 后来修改成在js文件中添加input控件, 并添加onkeypress属性, 没有效果了 ``` var temp5 = document.createElement("input"); temp5.type = "text"; temp5.id = "CurrPage"; temp5.style = "text-align:center;width:40px;" temp5.onkeypress = "if (event.keyCode == 13) searchPage();"; temp5.value = curPage; div.appendChild(temp5); ``` 请各位大神帮忙看看, 需要怎么修改才能实现相同的效果, 谢谢!

vue.js多个选项下如何动态添加各自文本框input?

1:问题描述:比如页面上有A问题、B问题...甚至更多问题, A问题下可以动态增加文本框input,B问题下也可以动态增加input。现在遇到的bug是A问题增加input,B问题同时也增加input。同理B问题增加input时A问题也增加了。怎么区分开呢?删除也一样。 下面代码: ``` <template> <div> <ul> <li class="rep-item" v-for="(item,index) in list" :key="index"> <div class="title border-bottom" @click="changeContent(index)"> <span>{{item.title}}</span> <span @click.stop="addInput(index)">增加</span> </div> <div class="box border-bottom" v-show="item.showContent"> <div v-for="(item, key) in inputs"> {{item.id}}: <input class="rep-ipt" type="text" v-model="item.val" placeholder="填写需要维修内容"> <span class="iconfont" @click="delInput(key)">&#xe608;</span> </div> </div> </li> </ul> </div> </template> ``` ``` <script> export default { data(){ return{ inputs: [], list:[ { title: 'A问题', showContent: false, }, { title: 'B问题', showContent: false, } ] } }, methods:{ changeContent(index){ this.list[index].showContent = !this.list[index].showContent; }, addInput (index) { var input = {} input.id = this.inputs.length input.val = "" this.inputs.push(input) }, delInput (index) { this.inputs.splice(index, 1); }, } } </script> ``` 我尝试在addInput里面加上index: ``` addInput (index) { var input = {} input.id = this.inputs[index].length input.val = "" this.inputs[index].push(input) }, ``` 在v-for inputs中加上index ``` v-for="(item, key) in inputs[index]" ``` 貌似不对 ![图片说明](https://img-ask.csdn.net/upload/201907/09/1562662767_552429.png)

点击span 出现一个ul列表 点击 ul li的值 赋给这个span

我写了两个span 分别点击的时候都可以使这个ul列表出现 但是 当点击这个ul li 的时候 两个span的值全被附上了 当其中 一个改变的时候 另一个也会随着变化 我的原意是 点那个 那个变 求大神解决![![图片说明](https://img-ask.csdn.net/upload/201706/06/1496711140_125555.png)图片说明](https://img-ask.csdn.net/upload/201706/06/1496711127_306960.png)

怎样用ul 模拟select,并且支持多级菜单,可以获取选中的菜单的值?

现有需求,要求选择框可以支持多级菜单,如果我用ul去做,那么不能像select一样, 将选中的值放到顶端,现在我想要select 和ul 合并后的效果,既想要select效果, 又想要支持多级菜单,并且可以获取选中项的值?

页面中多个input select,想要每个inpu中显示不同内容,该怎么做?

使用Jquery Ztree 页面中多个input select,想要每个inpu中显示不同内容,该怎么做? ``` <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - radio select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="../../../css/demo.css" type="text/css"> <link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css"> <script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script> <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script> <!-- <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>--> <SCRIPT type="text/javascript"> <!-- var setting = { check: { enable: true, chkStyle: "radio", radioType: "all" }, view: { dblClickExpand: false }, data: { simpleData: { enable: true } }, callback: { onClick: onClick, onCheck: onCheck } }; var zNodes =[ {id:1, pId:0, name:"北京"}, {id:2, pId:0, name:"天津"}, {id:3, pId:0, name:"上海"}, {id:6, pId:0, name:"重庆"} ]; var zNodes1 =[ {id:4, pId:0, name:"河北省", open:true, nocheck:true}, {id:41, pId:4, name:"石家庄"}, {id:42, pId:4, name:"保定"}, {id:43, pId:4, name:"邯郸"}, {id:44, pId:4, name:"承德"} ]; function onClick(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"); zTree.checkNode(treeNode, !treeNode.checked, null, true); return false; } function hideMenu() { $("#menuContent").fadeOut("fast"); $("body").unbind("mousedown", onBodyDown); } function onBodyDown(event) { if (!(event.target.id == "menuBtn" || event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) { hideMenu(); } } $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); $.fn.zTree.init($("#treeDemo1"), setting, zNodes1); }); function onCheck(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"), nodes = zTree.getCheckedNodes(true), v = ""; for (var i=0, l=nodes.length; i<l; i++) { v += nodes[i].name + ","; } if (v.length > 0 ) v = v.substring(0, v.length-1); //var cityObj = $("#citySel"); currentObj.attr("value", v);////////使用变量存储的input对象 } var currentObj;////////////存储当前操作的input对象 function showMenu(o) { var cityObj = $(o); if (o.tagName == 'A') cityObj = cityObj.parent().find('input');//点击的是连接,获取和连接对应的input对象 currentObj=cityObj/// var cityOffset = cityObj.offset(); $("#menuContent").css({ left: cityOffset.left + "px", top: cityOffset.top + cityObj.outerHeight() + "px" }).slideDown("fast"); var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); var nodes = treeObj.getSelectedNodes(); if (nodes.length > 0) treeObj.checkNode(nodes[0], false, null, false);//取消ztree的选择 $("body").bind("mousedown", onBodyDown); } //--> </SCRIPT> <style type="text/css"> </style> </HEAD> <BODY> <h1>带 radio 的单选下拉菜单 -- zTree</h1> <h6>[ 文件路径: super/select_menu_radio.html ]</h6> <div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul class="list"> <li class="title">&nbsp;&nbsp;<span class="highlight_red">勾选 radio 或者 点击节点 进行选择</span></li> <li class="title"> &nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu(this);" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(this); return false;">select</a> </li> <li class="title"> &nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu(this);" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(this); return false;">select</a> </li> <li class="title"> &nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu(this);" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(this); return false;">select</a> </li> </ul> </div> <div class="right"> <ul class="info"> <li class="title"><h2>实现方法说明</h2> <ul class="list"> <li>用 radio 也可以轻松实现单选的下拉菜单</li> <li>单选其实没有必要使用 radio, 此 Demo 主要用于 和 其他下拉菜单进行对比</li> </ul> </li> </ul> </div> </div> <div id="menuContent" class="menuContent" style="display:none; position: absolute;"> <ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul> </div> <div id="menuContent" class="menuContent" style="display:none; position: absolute;"> <ul id="treeDemo1" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul> </div> </BODY> </HTML> ```

帮忙写个ajax获取表单中所有input,并提交save.do?

``` <form id="inputForm" action="${ctx }/ocr/save.do" method="post"> <li><p>发票号</p><input type="text" name="invoiceModel.invoice_no" value="${invoiceModel.invoice_no}"/></li> <li><p>购货方</p><input type="text" name="invoiceModel.vendee_name" value="${invoiceModel.vendee_name}"/></li> <li><p>供应商</p><input type="text" name="invoiceModel.vender_name" value="${invoiceModel.vender_name}" id="ver" readonly="readonly"/></li> <li><p>供应商开户行及账号</p><input type="text" name="invoiceModel.bank_account" value="${invoiceModel.bank_account}"/></li> </ul> </div> <div class="box"> <ul> <li><p>发货日期</p><input type="text" id="senddate" name="invoiceModel.senddate" class="Wdate" value="${invoiceModel.send_date}"/><i></i></li> <li><p>购货方纳税人识别码</p><input type="text" name="invoiceModel.vendee_name" value="${invoiceModel.vendee_name}"/></li> <li><p>供应商操作码</p><input type="text" name="invoiceModel.vendee_name" value="${invoiceModel.vender_opcode}" id="oper" readonly="readonly"/></li> </ul> </div> <div class="box"> <ul> <li><p>开票日期</p><input type="text" id="billdate" name="billdate" class="Wdate" value="${invoiceModel.bill_date}"/><i></i></li> <li><p>购货方开户行及账户</p><input type="text"/></li> <li><p>供应商纳税人识别码</p><input type="text" name="invoiceModel.vendee_name" value="${invoiceModel.tax_no}" id="see" readonly="readonly"/></li> </ul> </div> </div> ```

如何使可编辑输入框成为必填字段?

<div class="post-text" itemprop="text"> <p>I have an editable input box on my form, my question is how do I make it a <code>required</code> field.</p> <p>Here's the form and what I did:</p> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;td contenteditable="true" class="empname" required&gt;&lt;/td&gt;</code></pre> </div> </div> <p>I'm not using <code>&lt;form&gt;</code> I'm using a table and JavaScript to insert to database. Here's the whole code:</p> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;?php // Initialize the session session_start(); // Check if the user is already logged in, if yes then redirect him to welcome page if(isset($_SESSION["loggedin"]) &amp;&amp; $_SESSION["loggedin"] === true){ header("location: messages.php"); exit; } // Include config file require_once "database_connection.php"; // Define variables and initialize with empty values $username = $password = ""; $username_err = $password_err = ""; // Processing form data when form is submitted if($_SERVER["REQUEST_METHOD"] == "POST"){ // Check if username is empty if(empty(trim($_POST["username"]))){ $username_err = "Please enter username."; } else{ $username = trim($_POST["username"]); } // Check if password is empty if(empty(trim($_POST["password"]))){ $password_err = "Please enter your password."; } else{ $password = trim($_POST["password"]); } // Validate credentials if(empty($username_err) &amp;&amp; empty($password_err)){ // Prepare a select statement $sql = "SELECT id, username, password FROM users WHERE username = ?"; if($stmt = mysqli_prepare($link, $sql)){ // Bind variables to the prepared statement as parameters mysqli_stmt_bind_param($stmt, "s", $param_username); // Set parameters $param_username = $username; // Attempt to execute the prepared statement if(mysqli_stmt_execute($stmt)){ // Store result mysqli_stmt_store_result($stmt); // Check if username exists, if yes then verify password if(mysqli_stmt_num_rows($stmt) == 1){ // Bind result variables mysqli_stmt_bind_result($stmt, $id, $username, $hashed_password); if(mysqli_stmt_fetch($stmt)){ if(password_verify($password, $hashed_password)){ // Password is correct, so start a new session session_start(); // Store data in session variables $_SESSION["loggedin"] = true; $_SESSION["id"] = $id; $_SESSION["username"] = $username; // Redirect user to welcome page header("location: messages.php"); } else{ // Display an error message if password is not valid $password_err = "The password you entered was not valid."; } } } else{ // Display an error message if username doesn't exist $username_err = "No account found with that username."; } } else{ echo "Oops! Something went wrong. Please try again later."; } } // Close statement mysqli_stmt_close($stmt); } // Close connection mysqli_close($link); } ?&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;PC Request Form&lt;/title&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /&gt; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet"&gt; &lt;style type="text/css"&gt; body { font-family: 'Questrial', sans-serif; background-image: url("img/hero2.jpg"); background-size: cover; } nav ul { margin: 0; padding: 0; list-style: none; position: relative; float: right; background: #eee; border-bottom: 1px solid #fff; border-radius: 3px; } nav li { float: left; } nav #login { border-right: 1px solid #ddd; box-shadow: 1px 0 0 #fff; background: #FF8C00; opacity: 0.9; } nav #login-trigger, nav #signup a { display: inline-block; *display: inline; *zoom: 1; height: 25px; line-height: 25px; font-weight: ; padding: 0 20px; text-decoration: none; color: #444; } nav #signup a { border-radius: 0 3px 3px 0; } nav #login-trigger { border-radius: 3px 0 0 3px; } nav #login-trigger:hover, nav #login .active, nav #signup a:hover { background: #fff; } nav #login-content { display: none; position: absolute; top: 24px; right: 0; z-index: 999; background: #fff; opacity: 0.9; background-image: linear-gradient(top, #fff, #eee); padding: 15px; border-radius: 3px 0 3px 3px; border-bottom: 6px solid #FF8C00; } nav li #login-content { right: 0; width: 250px; } /*--------------------*/ #inputs input { background: #f1f1f1; padding: 6px 5px; margin: 0 0 5px 0; width: 225px; border: 1px solid #ccc; border-radius: 3px; } #inputs input:focus { background-color: #fff; border-color: ; outline: none; box-shadow:; } /*--------------------*/ #login #actions { margin: 10px 0 0 0; } #login #submit { background-color: #FF8C00; background-image: linear-gradient(top, #e97171, #d14545); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 15px; text-shadow: 0 1px 0 rgba(0,0,0,.5); border: 1px solid #7e1515; float: left; height: 30px; padding: 0; width: 100px; cursor: pointer; font: bold 14px Arial, Helvetica; color: #FFF; } #login #submit:hover, #login #submit:focus { background-color: #E88300; background-image: linear-gradient(top, #d14545, #e97171); } #login #submit:active { outline: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; } #login #submit::-moz-focus-inner { border: none; } #login label { float: right; line-height: 30px; } #login label input { position: relative; top: 2px; right: 2px; } .ctn { display: flex; justify-content: center; height: 100%; min-height: 100%; } #check { display: none; } .btn-label { display: flex; justify-content: center; align-items: center; background-color: #ff6347; border: none; font-family: 'Raleway', serif; font-size: 30px; color: #fffeee; margin-top: 20%; height: 50px; width: 200px; } .btn-text { font-family: 'Raleway', serif; font-size: 30px; color: #fffeee; } .load { display: none; width: 20px; height: 20px; border: 5px solid #fff; border-radius: 100%; } .open { border-top: 5px solid transparent; -webkit-animation: load-animate infinite linear 1s; animation: load-animate infinite linear 1s; } #check:checked ~ .btn-label &gt; .btn-text { display: none; } #check:checked ~ .btn-label &gt; .load { display: inline-block; } @-webkit-keyframes load-animate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0.35; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load-animate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0.35; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .twoToneCenter { text-align: center; margin: 1em 0; } .twoToneButton { display: inline-block; outline: none; padding: 10px 20px; line-height: 1.4; background: #0c064e; border-radius: 4px; border: 1px solid #000000; color: #dadada; text-shadow: #000000 -1px -1px 0px; position: relative; transition: padding-right 0.3s ease; font-weight: 700; box-shadow: 0 1px 0 #6e6e6e inset, 0px 1px 0 #3b3b3b; } .twoToneButton:hover { box-shadow: 0 0 10px #080808 inset, 0px 1px 0 #3b3b3b; color: #f3f3f3; } .twoToneButton:active { box-shadow: 0 0 10px #080808 inset, 0px 1px 0 #3b3b3b; color: #ffffff; background: #080808; background: linear-gradient(to bottom, #3b3b3b 0%, #2e2e2e 50%, #141414 51%, #080808 100%); } .twoToneButton.spinning { background-color: #0c064e; padding-right: 40px; } .twoToneButton.spinning:after { content: ''; right: 6px; top: 50%; width: 0; height: 0; box-shadow: 0px 0px 0 1px #080808; position: absolute; border-radius: 50%; -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease; animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease; } .twoToneButton.spinning:before { content: ""; width: 0px; height: 0px; border-radius: 50%; right: 6px; top: 50%; position: absolute; border: 2px solid #fff; border-right: 3px solid #27ae60; -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease; animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease; } @-webkit-keyframes rotate360 { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate360 { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes exist { 100% { width: 15px; height: 15px; margin: -8px 5px 0 0; } } @keyframes exist { 100% { width: 15px; height: 15px; margin: -8px 5px 0 0; } } select { margin-bottom: 1em; background: transparent; padding: ; border: 0; border-bottom: 1px solid black; font-weight: ; letter-spacing:; border-radius: 0; &amp;:focus, &amp;:active { outline: 0; border-bottom-color: red; } } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="login-content" style="margin-left: 40px; font-family: Questrial; position: relative;"&gt; &lt;form method="post" action="&lt;?php echo $_SERVER['PHP_SELF']; ?&gt;"&gt; &lt;nav&gt; &lt;ul&gt; &lt;li id="login"&gt; &lt;a id="login-trigger" href="#" style="color: black;"&gt; View Requests &lt;span&gt;▼&lt;/span&gt; &lt;/a&gt; &lt;div id="login-content"&gt; &lt;form&gt; &lt;fieldset id="inputs"&gt; &lt;input id="username" type="hidden" name="username" placeholder="Username" value="admin" required&gt; &lt;input id="password" type="password" name="password" placeholder="Password" required&gt; &lt;/fieldset&gt; &lt;fieldset id="actions"&gt; &lt;input type="hidden" name="submitted" id="submitted" value="yes"&gt; &lt;input type="submit" id="submit" name="submit" value="Log in"&gt; &lt;/fieldset&gt; &lt;/form&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/form&gt; &lt;/div&gt; &lt;br /&gt;&lt;br /&gt; &lt;div class="container" style="margin-left: 1%; margin-top: -5%"&gt; &lt;img src="img/corelogo.png" width="250px" style="margin-top: 2%;"&gt;&lt;/img&gt; &lt;h4&gt;PC Request Form &lt;button type="button" name="add" id="add" class="btn btn-success btn-xs"&gt;+&lt;/button&gt;&lt;/h4&gt; &lt;div class="table-responsive" style="width: 114%;"&gt; &lt;table class="table table-bordered" style="border-radius: 10px;" id="crud_table"&gt; &lt;tr&gt; &lt;th width="10%" style="display: none;"&gt;Tracking Code&lt;/th&gt; &lt;th width="10%" style="display: none;"&gt;Date Requested&lt;/th&gt; &lt;th width="30%"&gt;Requested By&lt;/th&gt; &lt;th width="10%"&gt;Start Date&lt;/th&gt; &lt;th width="10%"&gt;Employee Name&lt;/th&gt; &lt;th width="10%"&gt;Position&lt;/th&gt; &lt;th width="10%"&gt;Account&lt;/th&gt; &lt;th width="10%"&gt;Platform&lt;/th&gt; &lt;th width="45%"&gt;Processor&lt;/th&gt; &lt;th width="10%"&gt;RAM&lt;/th&gt; &lt;th width="10%"&gt;Monitor&lt;/th&gt; &lt;th width="10%"&gt;Phone&lt;/th&gt; &lt;th width="10%"&gt;Phone Type&lt;/th&gt; &lt;th width="10%"&gt;Headset&lt;/th&gt; &lt;th width="10%"&gt;Table&lt;/th&gt; &lt;th width="10%"&gt;Chair&lt;/th&gt; &lt;th width="10%" style="display: none;"&gt;Approval&lt;/th&gt; &lt;th width="10%" style="display: none;"&gt;Status&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="req_date" style="display: none;"&gt;&lt;?php echo date('Y-m-d');?&gt;&lt;/td&gt; &lt;td contenteditable="true" class="reqname"&gt;&lt;/td&gt; &lt;td class="date"&gt;&lt;input type="date"&gt;&lt;/td&gt; &lt;td contenteditable="true" class="empname"&gt;&lt;/td&gt; &lt;td class="trackingcode" style="display: none;"&gt;&lt;/td&gt; &lt;td class="position"&gt; &lt;select size="1"&gt; &lt;option&gt;SpecOps&lt;/option&gt; &lt;option&gt;Account Specialist&lt;/option&gt; &lt;option&gt;Operations Manager&lt;/option&gt; &lt;option&gt;Supervisor&lt;/option&gt; &lt;option&gt;Admin&lt;/option&gt; &lt;option&gt;I.T.&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="account"&gt; &lt;select size="1"&gt; &lt;option&gt;Cintas - Hospitality&lt;/option&gt; &lt;option&gt;Cintas - Rentals&lt;/option&gt; &lt;option&gt;Cintas - Fire&lt;/option&gt; &lt;option&gt;Cintas - GSC&lt;/option&gt; &lt;option&gt;Metro Service&lt;/option&gt; &lt;option&gt;Cintas - DeepClean&lt;/option&gt; &lt;option&gt;Rogers&lt;/option&gt; &lt;option&gt;Olibra&lt;/option&gt; &lt;option&gt;American Towns&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="platform"&gt; &lt;select size="1"&gt; &lt;option&gt;Desktop&lt;/option&gt; &lt;option&gt;Laptop&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="processor"&gt; &lt;select size="1"&gt; &lt;option&gt;i3&lt;/option&gt; &lt;option&gt;i5&lt;/option&gt; &lt;option&gt;i7&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="ram"&gt; &lt;select size="1"&gt; &lt;option&gt;4GB&lt;/option&gt; &lt;option&gt;8GB&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="monitor"&gt; &lt;select size="1"&gt; &lt;option&gt;1&lt;/option&gt; &lt;option&gt;2&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="phone"&gt; &lt;select size="1"&gt; &lt;option&gt;Hard Phone&lt;/option&gt; &lt;option&gt;Soft Phone&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="phonetype"&gt; &lt;select size="1"&gt; &lt;option&gt;Direct Number&lt;/option&gt; &lt;option&gt;Extension&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="headset"&gt; &lt;select size="1"&gt; &lt;option&gt;Yes&lt;/option&gt;&lt;option&gt;No&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="req_table"&gt; &lt;select size="1"&gt; &lt;option&gt;Yes&lt;/option&gt;&lt;option&gt;No&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="req_chair"&gt; &lt;select size="1"&gt; &lt;option&gt;Yes&lt;/option&gt;&lt;option&gt;No&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="approval" style="display: none;"&gt;Pending&lt;/td&gt; &lt;td class="status" style="display: none;"&gt;Ongoing&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;div align="right"&gt; &lt;/div&gt; &lt;div align="center" class="twoToneCenter"&gt; &lt;button class="twoToneButton" name="save" id="save"&gt;Send&lt;/button&gt; &lt;/div&gt; &lt;br /&gt; &lt;div id="inserted_item_data"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; &lt;script&gt; $(function(){ var twoToneButton = document.querySelector('.twoToneButton'); twoToneButton.addEventListener("click", function() { twoToneButton.innerHTML = "Processing Request"; twoToneButton.classList.add('spinning'); setTimeout( function (){ twoToneButton.classList.remove('spinning'); twoToneButton.innerHTML = "Send"; }, 1000000000); }, false); }); &lt;/script&gt; &lt;script&gt; $(document).ready(function(){ $('#login-trigger').click(function(){ $(this).next('#login-content').slideToggle(); $(this).toggleClass('active'); if ($(this).hasClass('active')) $(this).find('span').html('&amp;#x25B2;') else $(this).find('span').html('&amp;#x25BC;') }) }); &lt;/script&gt; &lt;script&gt; $(document).ready(function(){ var count = 1; $('#add').click(function(){ count = count + 1; var html_code = "&lt;tr id='row"+count+"'&gt;"; html_code += "&lt;td class='trackingcode' style='display: none;'&gt;&lt;/td&gt;"; html_code += "&lt;td class='req_date' style='display: none;''&gt;&lt;?php echo date('Y-m-d');?&gt;&lt;/td&gt;"; html_code += "&lt;td contenteditable='true' class='reqname'&gt;&lt;/td&gt;"; html_code += "&lt;td class='date'&gt;&lt;input type='date'&gt;&lt;/td&gt;"; html_code += "&lt;td contenteditable='true' class='empname'&gt;&lt;/td&gt;"; html_code += "&lt;td class='position'&gt;&lt;select&gt;&lt;option&gt;SpecOps&lt;/option&gt;&lt;option&gt;Account Specialist&lt;/option&gt;&lt;option&gt;Operations Manager&lt;/option&gt;&lt;option&gt;Supervisor&lt;/option&gt;&lt;option&gt;Admin&lt;/option&gt;&lt;option&gt;I.T.&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='account'&gt;&lt;select&gt;&lt;option&gt;Cintas - Hospitality&lt;/option&gt;&lt;option&gt;Cintas - Rentals&lt;/option&gt;&lt;option&gt;Cintas - Fire&lt;/option&gt;&lt;option&gt;Cintas - GSC&lt;/option&gt;&lt;option&gt;Metro Service&lt;/option&gt;&lt;option&gt;Cintas - DeepClean&lt;/option&gt;&lt;option&gt;Rogers&lt;/option&gt;&lt;option&gt;Olibra&lt;/option&gt;&lt;option&gt;American Towns&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='platform'&gt;&lt;select&gt;&lt;option&gt;Desktop&lt;/option&gt;&lt;option&gt;Laptop&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='processor'&gt;&lt;select&gt;&lt;option&gt;i3&lt;/option&gt;&lt;option&gt;i5&lt;/option&gt;&lt;option&gt;i7&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='ram'&gt;&lt;select&gt;&lt;option&gt;4GB&lt;/option&gt;&lt;option&gt;8GB&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='monitor'&gt;&lt;select&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='phone'&gt;&lt;select&gt;&lt;option&gt;Hard Phone&lt;/option&gt;&lt;option&gt;Soft Phone&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='phonetype'&gt;&lt;select&gt;&lt;option&gt;Direct Number&lt;/option&gt;&lt;option&gt;Extension&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='headset'&gt;&lt;select&gt;&lt;option&gt;Yes&lt;/option&gt;&lt;option&gt;No&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='req_table'&gt;&lt;select&gt;&lt;option&gt;Yes&lt;/option&gt;&lt;option&gt;No&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='req_chair'&gt;&lt;select&gt;&lt;option&gt;Yes&lt;/option&gt;&lt;option&gt;No&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;"; html_code += "&lt;td class='approval' style='display: none;'&gt;Pending&lt;/td&gt;"; html_code += "&lt;td class='status' style='display: none;'&gt;Ongoing&lt;/td&gt;"; html_code += "&lt;td&gt;&lt;button type='button' name='remove' data-row='row"+count+"' class='btn btn-danger btn-xs remove'&gt;-&lt;/button&gt;&lt;/td&gt;"; html_code += "&lt;/tr&gt;"; $('#crud_table').append(html_code); }); $(document).on('click', '.remove', function(){ var delete_row = $(this).data("row"); $('#' + delete_row).remove(); }); $('#save').click(function(){ var trackingcode = []; var req_date = []; var reqname = []; var date = []; var empname = []; var position = []; var account = []; var platform = []; var processor = []; var ram = []; var monitor = []; var phone = []; var phonetype = []; var headset = []; var req_table = []; var req_chair = []; var approval = []; var status = []; $('.trackingcode').each(function(){ trackingcode.push($(this).text()); }); $('.req_date').each(function(){ req_date.push($(this).text()); }); $('.reqname').each(function(){ reqname.push($(this).text()); }); $('.date').each(function(){ date.push($(this).find('input').val()); }); $('.empname').each(function(){ empname.push($(this).text()); }); $('.position').each(function(){ position.push($(this).find('select').val()); }); $('.account').each(function(){ account.push($(this).find('select').val()); }); $('.platform').each(function(){ platform.push($(this).find('select').val()); }); $('.processor').each(function(){ processor.push($(this).find('select').val()); }); $('.ram').each(function(){ ram.push($(this).find('select').val()); }); $('.monitor').each(function(){ monitor.push($(this).find('select').val()); }); $('.phone').each(function(){ phone.push($(this).find('select').val()); }); $('.phonetype').each(function(){ phonetype.push($(this).find('select').val()); }); $('.headset').each(function(){ headset.push($(this).find('select').val()); }); $('.req_table').each(function(){ req_table.push($(this).find('select').val()); }); $('.req_chair').each(function(){ req_chair.push($(this).find('select').val()); }); $('.approval').each(function(){ approval.push($(this).text()); }); $('.status').each(function(){ status.push($(this).text()); }); $.ajax({ url:"insert-message.php", method:"POST", data:{trackingcode:trackingcode, req_date:req_date, reqname:reqname, date:date, empname:empname, position:position, account:account, platform:platform, processor:processor, ram:ram, monitor:monitor, phone:phone, phonetype:phonetype, headset:headset, req_table:req_table, req_chair:req_chair, approval:approval, status:status}, success:function(data){ alert(data); window.location.reload() $("td[contentEditable='true']").text(""); for(var i=2; i&lt;= count; i++) { $('tr#'+i+'').remove(); } fetch_item_data(); } }); }); }); &lt;/script&gt;</code></pre> </div> </div> </div>

使用Jquery ztree 在同一个页面中出现多个input选择,每个input数据不同

使用一下dome代码,怎么在同一个页面中出现多个input选择,每个input下拉列表中的数据是不通的。 ``` <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - radio select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="../../../css/demo.css" type="text/css"> <link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css"> <script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script> <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script> <!-- <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>--> <SCRIPT type="text/javascript"> <!-- var setting = { check: { enable: true, chkStyle: "radio", radioType: "all" }, view: { dblClickExpand: false }, data: { simpleData: { enable: true } }, callback: { onClick: onClick, onCheck: onCheck } }; var zNodes =[ {id:1, pId:0, name:"北京"}, {id:2, pId:0, name:"天津"}, {id:3, pId:0, name:"上海"}, {id:6, pId:0, name:"重庆"}, {id:4, pId:0, name:"河北省", open:true, nocheck:true}, {id:41, pId:4, name:"石家庄"}, {id:42, pId:4, name:"保定"}, {id:43, pId:4, name:"邯郸"}, {id:44, pId:4, name:"承德"}, {id:5, pId:0, name:"广东省", open:true, nocheck:true}, {id:51, pId:5, name:"广州"}, {id:52, pId:5, name:"深圳"}, {id:53, pId:5, name:"东莞"}, {id:54, pId:5, name:"佛山"}, {id:6, pId:0, name:"福建省", open:true, nocheck:true}, {id:61, pId:6, name:"福州"}, {id:62, pId:6, name:"厦门"}, {id:63, pId:6, name:"泉州"}, {id:64, pId:6, name:"三明"} ]; function onClick(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"); zTree.checkNode(treeNode, !treeNode.checked, null, true); return false; } function onCheck(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"), nodes = zTree.getCheckedNodes(true), v = ""; for (var i=0, l=nodes.length; i<l; i++) { v += nodes[i].name + ","; } if (v.length > 0 ) v = v.substring(0, v.length-1); var cityObj = $("#citySel"); cityObj.attr("value", v); } function showMenu() { var cityObj = $("#citySel"); var cityOffset = $("#citySel").offset(); $("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast"); $("body").bind("mousedown", onBodyDown); } function hideMenu() { $("#menuContent").fadeOut("fast"); $("body").unbind("mousedown", onBodyDown); } function onBodyDown(event) { if (!(event.target.id == "menuBtn" || event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) { hideMenu(); } } $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); }); //--> </SCRIPT> <style type="text/css"> </style> </HEAD> <BODY> <h1>带 radio 的单选下拉菜单 -- zTree</h1> <h6>[ 文件路径: super/select_menu_radio.html ]</h6> <div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul class="list"> <li class="title">&nbsp;&nbsp;<span class="highlight_red">勾选 radio 或者 点击节点 进行选择</span></li> <li class="title">&nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu();" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(); return false;">select</a></li> </ul> </div> <div class="right"> <ul class="info"> <li class="title"><h2>实现方法说明</h2> <ul class="list"> <li>用 radio 也可以轻松实现单选的下拉菜单</li> <li>单选其实没有必要使用 radio, 此 Demo 主要用于 和 其他下拉菜单进行对比</li> </ul> </li> </ul> </div> </div> <div id="menuContent" class="menuContent" style="display:none; position: absolute;"> <ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul> </div> </BODY> </HTML> ```

jquery 如何获取div下面的ul下面的li下面的所有img

<div class="iteye-blog-content-contain" style="font-size: 14px;"> <pre name="code" class="html">&lt;div id="nr_buttom"&gt; &lt;ul id="change"&gt; &lt;li&gt; &lt;img src="images/gg_h1.jpg" /&gt; &lt;/li&gt; &lt;li&gt; &lt;img src="images/gg_h2.jpg" /&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </pre> <p> 如何获取这个div下面的所有img的src属性值,并更改src的值</p> </div>

如何获取多个被选中的li元素的值

<c:forEach items="${list}" var="item"> <li id="name">${item.classificationName}</li> <input type="hidden" id="code" value="${item.projectClassificationCode}"> </c:forEach> 页面可以多选li元素 根据选中的li元素发一个请求 js代码中怎么写 可以获取到选中的li元素的值

在JSP页面上如何获取li标签中的值

想要获取li标签中的值,但用这样的方法写的话获取到的值是0,请教大神怎么获取到值,以下是代码: ``` <li id="uName" class="u2" ondblclick="ShowElement(this)">${userName}</li> ``` 获取值: ``` var uName=$('#uName').val(); ```

js 获取li点击事件获取子节点中值

``` <ul id="parent" onclick="ons()"> <li><a>my_test.department</a></li> <ul> <li><a>name1(string)</a></li> <li><a>count1(int)</a></li> </ul> <li><a>department</a></li> <ul> <li><a>name2(string)</a></li> <li><a>count2(int)</a></li> </ul> </ul> ``` 这样的格式,id是parent的ul是写死的 下面的li ul都是 从数据库中读到的,现在我要点击parent下的li 获取ul下的值,意思就是我点击my_test.department 获取到name1,count1 ,my_test.department 点击department 获取name2,count2,department 望大神指点

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

点沙成金:英特尔芯片制造全过程揭密

“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内,我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年,古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合,再掺入煅烧石灰石制成的石灰,由此得来了人...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

C++11:一些微小的变化(新的数据类型、template表达式内的空格、nullptr、std::nullptr_t)

本文介绍一些C++的两个新特性,它们虽然微小,但对你的编程十分重要 一、Template表达式内的空格 C++11标准之前建议在“在两个template表达式的闭符之间放一个空格”的要求已经过时了 例如: vector&lt;list&lt;int&gt; &gt;; //C++11之前 vector&lt;list&lt;int&gt;&gt;; //C++11 二、nullptr ...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

【阿里P6面经】二本,curd两年,疯狂复习,拿下阿里offer

二本的读者,在老东家不断学习,最后逆袭

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

微软为一人收购一公司?破解索尼程序、写黑客小说,看他彪悍的程序人生!...

作者 | 伍杏玲出品 | CSDN(ID:CSDNnews)格子衬衫、常掉发、双肩包、修电脑、加班多……这些似乎成了大众给程序员的固定标签。近几年流行的“跨界风”开始刷新人们对程序员的...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

我说我懂多线程,面试官立马给我发了offer

不小心拿了几个offer,有点烦

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

立即提问
相关内容推荐