html5-如何用JavaScript或jQuery获取多个input且同一id的value值——CSDN问答频道

如何用JavaScript或jQuery获取多个input且同一id的value值

 <span id="bar"></span>
<input id="end_time" type="hidden" value="1483027200">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1468944000">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1466524800">

上面的HTML代码是循环输出的，只是每个value的值不同，
我是想获取当前的时间戳，再分别与每个value值的时间戳相减，
得到结果输出到对应span标签。

请问JavaScript或jQuery的代码要怎么写？或HTML代码要怎样修改？

编辑于：2016.03.31 01:27 发布于：2016.03.29 10:06

html5 javascript jquery

| 评论0 | 收藏 | 浏览4881 |

0

: H_jsen

声望： 47

4个回答

按赞数排序

id一样需要用属性选择器，不能用id选择器

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<span id="bar"></span>
<input id="end_time" type="hidden" value="1483027200">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1468944000">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1466524800">
<script>
    var ts = new Date().getTime();
    $('input[id="end_time"]').each(function () {
        $(this).prev().html(ts-parseInt(this.value));
    });
</script>

发布于：2016.03.29 13:27

评论 0 |

1

| 已采纳

: 支付宝加好友偷能量挖

声望： 88105

id不能一样的，是class吧

发布于：2016.03.29 10:09

评论 0 |

0

: garygao12580

声望： 4

你把id设成唯一的，每个input的id都不一样。再根据document.getElementById("id").value获得input的值

发布于：2016.03.29 10:11

评论 0 |

0

: garygao12580

声望： 4

把id改为class，然后再用jquery的$('.className');来获取

发布于：2016.03.29 10:41

评论 0 |

0

: 我爱默小兜

声望： 91

: 插入链接

本地上传网络图片

上传中...

浏览

上传图片

插入图片

其他相关推荐

jquery根据id获取input文本框中输入的值为undefined: html代码 ``` <div class="form-group"> <label for="exampleInputName2">单据编号:</label> <input type="text" class="form-control" id="yield_code" placeholder=""> </div> ``` js代码 ``` //获取单据编号 .attr("value") var yieldCode=$("#yield_code").val(); ``` 这是完整的js ``` $("#btnImport").on("click", function(){ var formData = new FormData(); formData.append("file",$('#exampleInputFile')[0].files[0]);//封装文件 //获取单据编号 .attr("value") var yieldCode=$("#yield_code").val(); //获取核算期间 var yieldDate=$("#yieldDate").val(); //获取审核人 var auditor=$("#auditor").val(); //获取审核时间 var auditDate=$("#auditDate").val(); formData.append("yieldCode",yieldCode);//封装单据编号 formData.append("yieldDate",yieldDate);//封装核算区间 formData.append("auditor",auditor);//封装审核人 formData.append("auditDate",auditDate);//封装审核时间 alert(yieldCode); alert(yieldDate); alert(auditor); alert(auditDate); }) ``` 这是部分html代码 ``` <form class="" method="post" enctype="multipart/form-data"> <div class="form-head" style="display: flex; justify-content: space-around"> <div class="form-group"> <label for="exampleInputName2">单据编号:</label> <input type="text" class="form-control" value="aa" id="yield_code" placeholder=""> </div> <div class="form-group"> <label for="exampleInputEmail2">核算期间:</label><input type="date" class="form-control" id="yieldDate" placeholder=""> </div>     <div class="form-main"> <div class="form-group" style="margin-bottom: 0"> <input type="file" id="exampleInputFile" name="file" value="" style="width: 180px; margin-bottom: 2px"> <span class="span" style="color: red;font-size: 14px;"> *必须指定 Excel文件! </span> </div> <div class="form-group" style="margin-bottom: 2px;"> <button type="button" id="btnImport">开始导入</button> </div> </div> </div> </form> ```

jquery获取input文本框的值: ``` <html> <body> <form> <input type="text" id="test"> </form> <script type="text/javascript"> var a=$("#test").val(); alert(a); </script> </body> </html> ``` input无论输入什么alert都是空，当我把form删除后，alert可以弹出值了。只是为什么？

动态添加行获取input的ID: <%@ page language="java" pageEncoding="gb2312"%> <%@ page import="java.util.Collection,java.util.Iterator"%> <%@ page import="dy.web.beans.NewsClass" %> <%@ page import="dy.web.mgr.NewsClassMgr" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSF 'addnews.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page">  <script type="text/javascript" src="FCKeditor/fckeditor.js"></script> <script type="text/javascript" src="FCKeditor/calendar/calendarShow.js"></script> <script src="./javascript/jquery.js" type="text/javascript"></script> <script src="./javascript/cookie.js" type="text/javascript"></script> <script language="javascript">  </script> <script language="javascript" type="text/javascript">  </script> </head> <body> <%!String attachfilename=""; %> <%[color=red]//后台传过来的参数[/color] attachfilename=(String)request.getAttribute("attachfilename"); System.out.println("接受到了"+attachfilename); if(attachfilename==null){ %> <script type="text/javascript"> alert("文件上传出错,请您重新上传!"); </script> <% }else{ %> <script type="text/javascript"> //要为输入框写入文件名 alert("到这来了1"); test('attachmentNum'); var temgetcook = getCookie('attachmentNum'); var affile=$('#attachmentFile'+temgetcook); var affilenametest =$('#attachmentNames'+temgetcook); alert("得到cookie的值是"+temgetcook); alert(affilenametest.val());//[color=red]在这里获得不了有效值为什么？[/color] alert("填充框"+affile.val()); alert("文件名测试二"+'<%=attachfilename%>'); </script> <% } %> <script type="text/javascript"> //上传附件 function uploadAttachment(n) { var af = $('#attachmentFile'+n); var affilename =$('#attachmentNames'+n); //检查是否选择了文件 if(af.val()=='') { alert('请选择要上传的文件'); return; } alert(af.val()); alert(affilename.val());//[color=red]在这里获得没有问题[/color] //将file移动至上传表单 $('#attachmentContent').empty(); $('#attachmentContent').append(af); //复制一个file放至原处 $('#afc'+n).append(af.clone().attr('value','')); //修改属性 af.attr('id',''); //其他表单 $('#attachmentNum').val(n); $('#attachmentForm').submit(); SetCookie ("attachmentNum",n); } </script> <form id="attachmentForm" action="servlet/UploadServlet" method="post" enctype="multipart/form-data" target="attachment_iframe" style="display:none;width:0px;height:0px;"> <span id="attachmentContent"></span> <input type="hidden" id="attachmentNum" name="attachmentNum" size="30"/> </form> <iframe name="attachment_iframe" frameborder="0" border="0" style="display:none;width:0px;height:0px;"></iframe> <form name="addnewsfrom" method="post" action="servlet/AddNewsServlet" onSubmit="return check_input()"> <font size="2"> <table width="100%" height="35" border="1" cellpadding="0" cellspacing="0">  <tr> <td width="40%" bordercolor="#FF0000" bgcolor="#FF3333" height="35" align="left"><font color="#ffffff"><b>当前位置:新闻管理 - 添加新闻</b></font><br></td> <td width="40%" bordercolor="#FF0000" bgcolor="#FF3333" height="35" align=center><br></td> <td width="20%" bordercolor="#FF0000" bgcolor="#FF3333" height="35" align="right"> <input type="button" value="返回列表" onclick="window.location='servlet/NewsListServlet'"/> <input type="hidden" name="cid" value="4"/> </td> </tr> </table> <table width="100%" height="5" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="100%" height="5"> </td> </tr> </table> <table width="100%" height="" border="1" cellpadding="0" cellspacing="0"> <tr id="topic"> <td width="13%" height="30" align="right" bgcolor="#FFFF8E"><font color="#FF0000">*</font>标题:</td> <td height="30" colspan="4"> <input name="Topic" type="text" id="Topic" size="70" maxlength="255" /> </td> </tr> <tr> <td width="13%" height="" align="right" bgcolor="#FFFF8E">附件:</td> <td height="30" colspan="4"> <table id="attachTable" border="0"> <tr> <td align="center"><input type="button" onclick="addAttachLine();" value="增加"/></td> <td align="center">附件名称</td> <td align="center">附件地址</td> <td align="center">附件上传</td> </tr> </table> <textarea id="attachTr" style="display:none"> <tr id="attachTr{0}"> <td align="center"><a onclick="$('#attachTr{0}').remove();" href="javascript:void(0);" class="pn-opt">删除</a></td> <td align="center"><input type="text" id="attachmentNames{0}" name="attachmentNames"/></td> <td align="center"><input type="text" id="attachmentPaths{0}" name="attachmentPaths"/></td> <td align="center"> <span id="afc{0}"><input type="file" id="attachmentFile{0}" name="attachmentFile" size="12" style="width:160px"/></span> <input type="button" value="上传" onclick="uploadAttachment({0});"/> <input type="hidden" id="attachmentFilenames{0}" name="attachmentFilenames"/> </td> </tr> </textarea> <script type="text/javascript"> var attachIndex = 2; var attachTpl = $.format($("#attachTr").val()); function addAttachLine() { $('#attachTable').append(attachTpl(attachIndex++)); } </script> </td> </tr> <tr> <td width="100%" height="40" align="center" colspan="4" bgcolor="#FF3333"> <input type="submit" value="提交" onclick="return confirm('是否确定提交?')"/> <input type="reset" value="重置"/> </td> </tr> </table> </font> </form> </body> </html> 在上面代码中在未上传之前可以获得所要的值，但是在长传之后就是在后台上传处理之后就无法再次获得input的值！高手们请进啦！

当input name=name[]时，jquery怎样获取它的所有值: <body> <?php $name=array("0"=>"aaa","1"=>"bbb","2"=>"ccc","3"=>"ddd","4"=>"eee","5"=>"fff"); for($i=0;$i<6;$i++){ ?> <input type="text" class="names" name="name[]" value="<?php echo $name[$i];?>" /> <?php } ?> <script type="text/javascript"> $(function(){ var name=$(".names").val(); console.log(name); }) </script> </body>

jQuery 给input的value值赋值无效?: 如图点击div 是div中的html值赋值到input文本框中但是没有效果\ ![图片说明](https://img-ask.csdn.net/upload/201901/22/1548128042_608233.jpg)![图片说明](https://img-ask.csdn.net/upload/201901/22/1548128049_776602.jpg) 代码如下 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(function(){ $("#tid").keyup(function(){ //发送ajax $.post("${pageContext.request.contextPath}/kw","kwname="+$("#tid").val(),function(obj){ $("#did").html(""); if(obj!=null){ $(obj).each(function(){ $("#did").append("<div onmouseover='over(this)' onmouseout='out(this)' onclick='clickk(this)'>"+this+"</div>"); $("#did").show(); }) }else{ $("#did").hide(); } },"json") }) }) </script> </head> <body> <center> <div> <h1>搜索</h1> <div> <input type="text" name="kw" id="tid" value="a"><input type="button" value="点击搜索"> </div> <div id="did" style="border: 1px solid red;width: 171px;position:relative;left:-34px;display:none"></div> </div> </center> </body> <script type="text/javascript"> function over(obj){ $(obj).css("background-color","gray"); } function out(obj){ $(obj).css("background-color","white"); } function clickk(obj){ alert($(obj).html()); $("#tid").attr("value",$(this).html()); //$("#tid").attr("value",$(obj).html()); } </script> </html> ```

利用 javascript 无法获取html 中 input 的 value 值: ``` html <form> <input class="mdui-textfield-input" id="U-psd" type="password" required/> <button class="mdui-btn mdui-btn-raised mdui-color-pink mdui-ripple" type="submit" onclick="logon()">登陆</button> <form> ``` 在 js 中： ``` javascript const userPassword = document.getElementById("U-psd"); function login() { let loginUser = new User(userEmail.value, userPassword.value); console.log(userEmail.value); } ``` 在 chrome 中设置的断点，命中时报空字符串错误。 > checkForm.js:32 Uncaught TypeError: Cannot read property 'value' of null 求大佬指导。

Jquery 获取选中的checkbox的值怎么会是on？？: Jquery 获取选中的checkbox的值怎么会是on？？我的Jquery 代码： var $areaId=$("input[type='checkbox'][name='chkName']:checked").map(function(){return $(this).val();}).get().join(","); html代码： <input type='checkbox' name='chkName' value='610101111'>城关区 <input type='checkbox' name='chkName' value='610101112'>城关区1 <input type='checkbox' name='chkName' value='610101113'>城关区2 <input type='checkbox' name='chkName' value='610101114'>城关区3 <input type='checkbox' name='chkName' value='610101115'>城关区4

获取触发事件的元素的 ID: <div class="post-text" itemprop="text"> <p>Is there any way to get the ID of the element that fires an event?</p> <p>I'm thinking something like:</p> <pre><code><html> <head> <script type="text/javascript" src="starterkit/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("a").click(function () { var test = caller.id; alert(test.val()); }); }); </script> </head> <body> <form class="item" id="aaa"> <input class="title"></input> </form> <form class="item" id="bbb"> <input class="title"></input> </form> </body> </html> </code></pre> <p>Except of course that the var <code>test</code> should contain the id <code>"aaa"</code>, if the event is fired from the first form, and <code>"bbb"</code>, if the event is fired from the second form.</p> </div> <p>转载于:https://stackoverflow.com/questions/48239/getting-the-id-of-the-element-that-fired-an-event</p>

关于jquery 获取data属性值的问题: ``` <ul class="pics"> <li><a id="img1" href="javascript:choose(1);" title="梦幻玫瑰套装" data-img="1.png">梦幻玫瑰套装</a></li> </ul> ``` ``` function choose(index){ var data=$(".pics li:eq("+index+") a").data("img"); alert(data); } ``` 为什么一直获取到undefined？求大神指导！

获取input标签输入字符串中字母和数字的个数: 如何通过jQuery来获取input标签所输入字符串中字母和数字的个数呀，麻烦大神们指导下

jQuery获取下拉列表的时事件: <!doctype html> <html> <head> <meta charset="utf-8"> <title>select事件获取值</title> <script type="text/javascript" src="../jQuery/jquery-3.2.1.js"></script> <script type="text/javascript"> /*$("#sele").change(function() { var ss=$("#sele option:selected").val(); alert(ss); })*/ /*$("document").ready(function( e) { var ss=$("#sele option:selected").val(); alert(ss); });*/ /*$("#sele").change(function(){ var ss=$("#sele option:selected").val(); alert(ss); })*/ $("#sele").on('change', function() { var ss=$("#sele option:selected").val(); $("#seleValue").val(ss); }); </script> </head> <body> <select id="sele" name="sele"> <option value="nihao" selected="selected">你</option> <option value="hello">好</option> <option value="welcome">欢迎</option> </select> <input id="seleValue" type="text" /> </body> </html> 我想问下这里面为什么不执行change事件啊,上面那么多放例子$("document").ready(function( e) { var ss=$("#sele option:selected").val(); alert(ss);只有这个方法执行,请问为什么啊,请给个明白的答案,就是下拉列表选择,就触动函数,从而获取到选择的值

jquery如何获得一个动态创建的 $('#').append('')的ID？: 各位大神们，请问在 $('#').append('')当中怎么设置动态的id，并且能够利用这个id获得相应的值，从而能够比较不同id对应值得大小。部分代码如下（要是能实现这个功能的话，小弟绝不吝啬）： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>如何获取动态id</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <script src="/jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> var str=""; number=0; function next(){ var skill=$("#projectname").val(); str = str + skill+";  "; $('#showdata').append('<label for="offer"><span style="color:#00003">'+skill+'</span></label>'); $('#showdata').append('<input class="number_showdata" id="showdataid'+number+'" type="text" name="offer" placeholder="得分"/>'); $("#inal").html(str); number++; } function weight(){ } $(document).ready(function(){ var len = $("#group span").size();//获取span标签的个数 var arr = []; for(var index = 0; index < len-1; index++){//创建一个数字数组 arr[index] = index; } $.each(arr, function(i){//循环得到不同的id的值 var idValue = $("#group span").eq(i).attr("id"); if(idValue != ''){ alert(idValue); } }); }); </script> </head> <body> <div data-role="page" id="yemian1"> <div data-role="header" data-theme="b"> <h1>页面1</h1> </div> <div data-role="content"> <div id="product_shift_out_{m}"> </div> <form action="" method="post" id="" > <label for="projectname">输入参加人的姓名：</label> <input type="text" name="projectname" id="projectname"/> <input data-theme="e" onclick="next()" type="reset" name="button" id="button" value="下一个" /> <a href="#yemian2" onclick="" data-role="button" data-theme="e">确认</a> <p>参加的人分别有：<span id="inal" style="color:#FF0033"></span></p> </form> </div> </div> <div data-role="page" id="yemian2"> <div data-role="header" data-theme="b"> <a href="#yemian1" data-role="button" data-icon="back" >返回</a> <h1>页面2</h1> </div> <div data-role="content"> <div id = "showdata">  </div> <a href="#yemian3" onclick="weight()" data-role="button" data-theme="e">确定</a> <input data-theme="e" type="reset" name="button" id="button" value="清除" /> </div> </div> <div data-role="page" id="yemian3"> <div data-role="header" data-theme="b"> <a href="#yemian1" data-role="button" data-icon="back" >返回</a> <h1>页面3</h1> </div> <div data-role="content"> <p>某某的分数最高，最高为：</p> <p>某某的分数最低，最低为：</p> </div> </div> </body> </html>

使用JQuery获取div中未选中复选框的值: <div class="post-text" itemprop="text"> <p>I'm trying to store the <code>values</code> from a set of unchecked <code>html</code> checkboxes. I understand that <code>JQuery</code> does not have an :unchecked selector so I must invert the :checked selector. I've done this and I am getting the values of the unchecked boxes as well as a number of other values such as <code>null</code> and <code>0</code>. I don't know where these are coming from. </p> <p>Here is my <code>HTML</code>:</p> <pre><code> <div id="tag_results"> <ul> <li> <input type="checkbox" value="29" name="tag" checked=""></input> Agriculture </li> <li> <input type="checkbox" value="30" name="tag" checked=""></input> Angling </li> <li> <input type="checkbox" value="37" name="tag"></input> Animals </li> <li> <input type="checkbox" value="54" name="tag" checked=""></input> Arts </li> </ul> </div> </code></pre> <p>Here is my <code>JQuery</code>:</p> <pre><code> $('#saveBtn').click(function(e){ e.preventDefault(); //Get hidden field values and store in an Array $tagArray = []; $removeTags = []; //Get the Checked Tags and store in an Array(will be added) $('#tag_results :checked').each(function(){ $tagArray.push(this.value); }); //Get the Unchecked Tags and Store in an Array(will be removed) $('#tag_results :not(:checked)').each(function(){ $removeTags.push(this.value); }); console.log($removeTags); //Make Ajax request to the add_tags script and pass Array as parameter. When response recieved show dialog. //Pass the name, id and type of company with the array of tags to the save_tags.php script. $('#active_tags').load('pages/ajax/save_tags.php', {'removeTags': JSON.stringify($removeTags),'tags': JSON.stringify($tagArray) ,'name': $('#comp_name').val(), 'id': $('#comp_id').val(), 'type': $('#type').val() }, function(response, status, xhr){ }); }); </code></pre> <p>this is the result of <code>console.log</code>:</p> <pre><code>Array [ undefined, 0, 0, 0, "37", 0, "54" ] </code></pre> <p>This is the code I use to generate the <code>html</code> for the checkboxes:</p> <pre><code>$output = "<ul>"; if(mysql_num_rows($result) > 0){//If results returned (tags found matching letter) so construct list while($row = mysql_fetch_array($result)){//while there are rows in the results array add a list item if(in_array($row['name'], $applied_tags)){ $output .= "<li>" .'<input checked type="checkbox" name="tag" value="'.$row['id'].'">' .$row['name'] .'</li>'.PHP_EOL; }else{ $output .= "<li>" .'<input type="checkbox" name="tag" value="'.$row['id'].'">' .$row['name'] .'</li>'.PHP_EOL; } } }else{//Else there was no matching tags so display an error message to the user. $output .= "<li>No Tags found beginning with the letter " . $letter . "</li>"; } $output .= "</ul>"; </code></pre> <p>Does anyone have any clue what could be causing this? Surely based on the above code the array should contain the values 37 and 54...</p> </div>

请各位大神帮助，怎样获取jquery ui 的日期空间datepicker所选择的时间: ![页面的代码](https://img-ask.csdn.net/upload/201803/28/1522239635_637346.png) ![JS](https://img-ask.csdn.net/upload/201803/28/1522239850_183895.png) ![页面效果](https://img-ask.csdn.net/upload/201803/28/1522239691_240249.png) 想要获取到页面选择的日期，在后台进行传值，进行数据库查询

关于jquery 获取radio属性值的问题？: 大家帮忙看下下面代码，为什么我不能正确获取radio的属性值，每次都是1 代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <script language="javascript" src="jquery-1.4.2.js"></script> <style> .child { display:none; } input { width:20px; } </style> <script language="javascript"> $(function() { var checked = false; $('div label.parent').toggle(function() { $('div',$(this).parents('div')).css('display','block'); $('input',$(this).parents('div')).val('1'); $('span',$(this).parents('div')).html($('div.child input[type=radio]:checked',$(this).parents('div')).val()); checked=true; }, function() { $('div',$(this).parents('div')).hide(); $('input',$(this).parents('div')).val('0'); $('span',$(this).parents('div')).html('0元'); checked=false; }); }) </script> <title>成都小吃</title> </head> <body> <center><h1>成都小吃</h1></center><br/><br/> <form name="menu" method="post"> <div> <label class="parent">面类</label><input type="text" name="num" value="0"/><span>0元</span> <div class="child"> <label><input type="radio" name="nudel" id="nudel" value="6" checked="checked" />炸酱面</label> <label><input type="radio" name="nudel" id="nudel" value="7" />炒面</label> <label><input type="radio" name="nudel" id="nudel" value="5" />牛肉面</label> </div> </div> <div> <label class="parent">盖饭类</label><input type="text" name="num" value="0"/><span>0元</span> <div class="child"> <label><input type="radio" name="rice" value="9" checked="checked"/>宫保鸡丁</label> <label><input type="radio" name="rice" value="9"/>鱼香肉丝</label> <label><input type="radio" name="rice" value="8"/>尖椒土豆丝</label> </div> </div> </form> </body> </html>

如何从javascript中的jquery.chosen插件多选字段中获取值？: <div class="post-text" itemprop="text"> <p>Folks, Let's say that I am using the jquery.chosen plugin:</p> <pre><code>https://harvesthq.github.io/chosen/ </code></pre> <p>Let's also say that I've been able to dynamically populate a multiple select with values using javascript:</p> <pre><code><script type="text/javascript"> function appendToChosen(id,value){ $('#stuff') .append($('<option></option>') .val(id) .attr('selected', 'selected') .html(value)).trigger('chosen:updated'); } </script> </code></pre> <p>Where "id" is for a group id, and value is for a unique email address.</p> <p>BUT, I want to grab all of the selected option values that are populated in the multi-select in javascript, particularly for ajax stuff.</p> <p>Using something like:</p> <pre><code> function rule_add(id) { $("#stuff").trigger("chosen:updated"); var url = "scripts/script.php"; // the script where you handle the form input. $.ajax({ type: "POST", url: url, data: $("#idForm").serialize(),// serializes the form's elements. success: function(data) { } }); return false; } </code></pre> <p>Where the multi-select data is in the form ends up getting posted as:</p> <p>group_list[] 19</p> <p>group_list[] 19</p> <p>group_list[] 19</p> <p>group_list[] 19</p> <p>Where the "19" shown above comes from the "id" variable for the group id. I want it to post the values of each which would end up being each separate email address. Any ideas?</p> <p>Thanks!</p> </div>

如何计算javascript / jquery中的单价和数量变化？: <div class="post-text" itemprop="text"> <p>I am having a small issue calculating price from Quantity in jQuery. Those are the input boxes I have.</p> <pre><code><html> Quantity: <input type="text" style="width: 50px;" name="quantity" id="quantity" class="txt" value="1" /> Unit Price: <input type="text" style="width: 50px;" name="item_price" id="item_price" class="txt" value="" /> Amount: <input type="text" style="width: 50px;" name="total_price" id="total_price" class="txt" value="" /> </html> </code></pre> <p>Here I will show my jQuery code.Quantity ; price and Amount value also changes.jQuery Code, but unable to find the problem?</p> <pre><code><script> $('#quantity').click(function () { var number = $(this).val(); var o_val = $("#unit_pricea").val(); var op_val = number * o_val; $("#amounta").val(op_val); console.log(op_val); }); </script> </code></pre> <p>Here I will share my screen shots.</p> <ol> <li>First image whenever I enter unit price amount filed not fill:</li> </ol> <p><a href="https://i.stack.imgur.com/BCCCi.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BCCCi.jpg" alt="First image whenever i enter unit price amount filed not fill"></a></p> <ol start="2"> <li>Second image unit price can I change previous value of amount not change:</li> </ol> <p><a href="https://i.stack.imgur.com/6p0Eb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6p0Eb.jpg" alt="Second image unit price can i change previous value of amount not change"></a></p> <ol start="3"> <li>Quantity will be change amount not changed:</li> </ol> <p><a href="https://i.stack.imgur.com/O7U5d.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O7U5d.jpg" alt="Quantity will be change amount not changed "></a></p> </div>

从组合选择中获取价值，并使用jQuery和Laravel将结果显示到文本字段: <div class="post-text" itemprop="text"> <p>I'd like to display certain record from table according <code>combo/drop</code> selection in Laravel. I'm following instructions from this <a href="https://stackoverflow.com/questions/54120776/laravel-ajax-jquery-input-value-of-select-dropdown-to-textbox">thread</a> but still can not get it to work.</p> <p>Here is my view code and my jQuery script:</p> <p><strong>a. combo box</strong></p> <pre><code><select type="text" class="form-control" name="cde_mesg" id="cmb_mesg" required> <option value="0" disabled="true" selected="true"> -- PICK MESSAGE-- </option> @foreach($message as $messages) <option value="{{ $messages->cde_mesg }}"> {{ $messages->nme_customer }} </option> @endforeach </select> </code></pre> <p><strong>b. text field</strong></p> <pre><code><input type="text" name="ad1_contract" id="ad1_contract" class="form-control"> </code></pre> <p><strong>c. jquery script</strong></p> <pre><code><script type="text/javascript"> $(document).ready(function(){ $("#cmb_mesg").change(function(){ var x = $(this).val(); $("#ad1_contract").val(x); }); }); </script> </code></pre> </div>

jQuery自动完成具有相同ID的多个输入: <div class="post-text" itemprop="text"> <p>I want to implement this autocomplete to my page: <a href="http://www.bewebdeveloper.com/tutorial-about-autocomplete-using-php-mysql-and-jquery" rel="nofollow noreferrer">http://www.bewebdeveloper.com/tutorial-about-autocomplete-using-php-mysql-and-jquery</a> and it works but in my case I use <code>clone()</code> function to copy all <code><li></code> elements like here: <a href="http://jsfiddle.net/x42c3anw" rel="nofollow noreferrer">http://jsfiddle.net/x42c3anw</a> When I have several inputs autocomplete works only for first input, how I can edit this function? :</p> <pre><code>function autocomplet() { var min_length = 0; // min caracters to display the autocomplete var keyword = $('#country_id').val(); if (keyword.length >= min_length) { $.ajax({ url: 'ajax_refresh.php', type: 'POST', data: {keyword:keyword}, success:function(data){ $('#country_list_id').show(); $('#country_list_id').html(data); } }); } else { $('#country_list_id').hide(); } } // set_item : this function will be executed when we select an item function set_item(item) { // change input value $('#country_id').val(item); // hide proposition list $('#country_list_id').hide(); } </code></pre> <p>I undurstand this is because ID is not uniqe, is there possibility to add some increment to id or use class? If yes how I can do that?</p> </div>

在 JavaScript 对象数组中按 id 查找对象: <div class="post-text" itemprop="text"> <p>我有一个数组：</p> <pre><code>myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.] </code></pre> <p>我无法改变数组的结构。我被传递了一个id 45，我想要得到数组中那个对象的id 'bar'。 </p> <p>如何在JavaScript或jQuery中做到这一点？</p> </div> <p>转载于:https://stackoverflow.com/questions/7364150/find-object-by-id-in-an-array-of-javascript-objects</p>

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

程序员请照顾好自己，周末病魔差点一套带走我。: 程序员在一个周末的时间，得了重病，差点当场去世，还好及时挽救回来了。

技术大佬：我去，你写的 switch 语句也太老土了吧: 昨天早上通过远程的方式 review 了两名新来同事的代码，大部分代码都写得很漂亮，严谨的同时注释也很到位，这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时，还是忍不住破口大骂：“我擦，小王，你丫写的 switch 语句也太老土了吧！” 来看看小王写的代码吧，看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

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

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

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

总结了 150 余个神奇网站，你不来瞅瞅吗？: 原博客再更新，可能就没了，之后将持续更新本篇博客。

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

如果你是老板，你会不会踢了这样的员工？: 有个好朋友ZS，是技术总监，昨天问我：“有一个老下属，跟了我很多年，做事勤勤恳恳，主动性也很好。但随着公司的发展，他的进步速度，跟不上团队的步伐了，有点...

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

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

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

深入剖析Springboot启动原理的底层源码，再也不怕面试官问了！: 大家现在应该都对Springboot很熟悉，但是你对他的启动原理了解吗？

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

2020阿里全球数学大赛：3万名高手、4道题、2天2夜未交卷: 阿里巴巴全球数学竞赛（ Alibaba Global Mathematics Competition）由马云发起，由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛，全世界爱好数学的人都可参与，不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

男生更看重女生的身材脸蛋，还是思想？: 往往，我们看不进去大段大段的逻辑。深刻的哲理，往往短而精悍，一阵见血。问：产品经理挺漂亮的，有点心动，但不知道合不合得来。男生更看重女生的身材脸蛋，还是...

为什么程序员做外包会被瞧不起？: 二哥，有个事想询问下您的意见，您觉得应届生值得去外包吗？公司虽然挺大的，中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多个条件是什么逻辑关系？条件判断在什么时候执...

你期望月薪4万，出门右拐，不送，这几个点，你也就是个初级的水平: 先来看几个问题通过注解的方式注入依赖对象，介绍一下你知道的几种方式@Autowired和@Resource有何区别说一下@Autowired查找候选者的...

面试了一个 31 岁程序员，让我有所触动，30岁以上的程序员该何去何从？: 最近面试了一个31岁8年经验的程序猿，让我有点感慨，大龄程序猿该何去何从。

大三实习生，字节跳动面经分享，已拿Offer: 说实话，自己的算法，我一个不会，太难了吧

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

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版（进大厂必备）: 正确选择比瞎努力更重要！

《Oracle Java SE编程自学与面试指南》最佳学习路线图（2020最新版）: 正确选择比瞎努力更重要！

字节跳动面试官竟然问了我JDBC？: 轻松等回家通知

面试官：你连SSO都不懂，就别来面试了: 大厂竟然要考我SSO，卧槽。

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

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

立即提问

相关内容推荐