p标签用js动态加载name失败,id成功
                    var p = document.createElement("p");
                    p.innerHTML="sss";
                    p.name='ssssss';
                    document.getElementById("btnShow").appendChild(p);
#               }
添加name失败了



# 添加id成功了就很懵
document.getElementById("pp").onclick=function(){
                    var p = document.createElement("p");
                    p.innerHTML="sss";
                    p.id='ssssss';
                    document.getElementById("btnShow").appendChild(p);
                }

图片说明
图片说明

3个回答

P标签有name属性吗?
以下是标准属性:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant,
lang, ref, registrationmark, tabindex, template, title

p标签没有name属性

只有表单标签才有name吧

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
html文件能加载,但是css,js文件加载失败。

问题是:我直接在本地文件中找到那个html文件,用浏览器打开没有半点问题,但是我用 tomcat容器部署后,在浏览器地址栏用localhost:8080+应用名什么的访问的时候, 浏览器中只加载了那个html文件中的一些字、div什么的,外部导入的css,js文件都不显示,打开浏览器的控制台上各种资源找不到,404,用了ssm框架。html文件等是网上下的模板。 求大神指导!!! 贴代码贴代码:web.xml的配置 <welcome-file-list> <welcome-file>index.shop</welcome-file> </welcome-file-list> <servlet> <servlet-name>shop</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring/spring-*.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>shop</servlet-name> <url-pattern>*.shop</url-pattern> </servlet-mapping> </web-app> spring配置文件: <!-- 配置数据库连接参数及连接池 --> <bean id="dbcp" class="org.apache.commons.dbcp.BasicDataSource"> <property name="username" value="dbsnmp"/> <property name="password" value="Jindex"/> <property name="driverClassName" value="oracle.jdbc.OracleDriver"></property> <property name="url" value="jdbc:oracle:thin:@localhost:1521:Jindex"></property> </bean> <!-- 配置SqlSessionFactory处理类 --> <bean id="ssf" class="org.mybatis.spring.SqlSessionFactoryBean"> <property name="dataSource" ref="dbcp"></property> <property name="mapperLocations" value="classpath:myBatis/*.xml"/> </bean> <!-- 配置mapper扫描 --> <bean id="mapperScanner" class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <property name="basePackage" value="com.chanct.shop.personal.dao"></property> </bean> <!-- 配置事物管理器,使申明式事务管理生效 --> <tx:annotation-driven transaction-manager="txManager"/> <!-- txManager 是一个Bean组件 --> <!-- MyBatis使用spring提供的DataSourceTransactionManager 使用DataSourceTransactionManager 必须设置属性dataSource --> <bean id="txManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"> <property name="dataSource" ref="dbcp"></property> </bean> 还有一个spring的配置文件里面是组件扫描,mvc注解扫描和视图解析器

用JS动态添加iframe到页面,这个iframe网页内容加载不出来

用JS动态添加一段HTML代码到页面,且该段HTML中有内嵌iframe,现在这个iframe网页内容加载不出来. $("#divid").find("table[id=table_sdwan_branch]").last().after($("#div_sdwan_branch_show").get(0).innerHTML); 类似这样一段js,通过页面按钮触发js事件,将这部分内容拼接到页面表格中. 然后再刷新此iframe,iframe页面展现报错. 在Jsp页面写这个iframe是没问题的 <div id="div_sdwan_branch_show" name="div_sdwan_branch_show"> <table border="1" cellpadding='0' cellspacing='0' id="table_sdwan_branch"> <tr> ......... <td colspan="5"><iframe id="RLER_1" name="RLER_1" width="756" height="180" src="/GTBSS/pages/common/getRelationOrder.jsp" frameborder="0"></iframe></td> </tr>........</table> ``` ```! ![图片说明](https://img-ask.csdn.net/upload/201801/19/1516352025_513566.png) 查看js添加的无法展现的部分,报错.将页面的js都删除也还是报错. ![图片说明](https://img-ask.csdn.net/upload/201801/19/1516351884_526952.png)

html5/js 动态加载的代码如何创建点击事件。

下面的代码是根据后台数据动态加载进去的(数量不确定),请问怎么为每个class='stamp stamp02' 的div创建点击事件,并提取触发该事件的div块中<font id="num">中的内容。在线等。求大神指点。 ``` <div id="yhj-info" class='stamp stamp02' > <div class='par'> <sub class='sign'>¥50</sub> <span></span> <sub>优惠券</sub> <p>劵号:<font id="num">123123123</font></p> </div> <div class='copy'>副券 <p><br></p> </div> <i></i> </div> <div id="yhj-info" class='stamp stamp02' > <div class='par'> <sub class='sign'>¥50</sub> <span></span> <sub>优惠券</sub> <p>劵号:<font id="num">123123123</font></p> </div> <div class='copy'>副券 <p><br></p> </div> <i></i> </div> ```

js中怎么给<object>下<param>中的FileName赋值,并且重新加载。

<body id="pay"> <form id="videomForm"> <input type="text" class="easyui-textbox" name="videoUrl" id="videoUrl" value=""> </form> <object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="900" height="500" standby="Loading Windows Media Player components…" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"> <param name="FileName" value=""> <script type="text/javascript"> $("#MediaPlayer param").each(function(index){ //var url = 'E:\\video\\caifen\\2020-03-19-17-59\\10_23_31.mp4'; var url = $("#videoUrl").val(); $('[name="FileName"]').val(url) }) </script> <param name="animationatstart" value="true"> <param name="transparentatstart" value="true"> <param name="autostart" value="true"> <param name="showcontrols" value="true"> <param name="ShowStatusBar" value="-1"> <param name="windowlessvideo" value="true"> </object> </body> ``` ``` 可是<object>标签为啥总是先加载,而我通过这样赋值后F12可以看到值,但是页面缺没有进行显示,请问各位大神这个该如何处理了?

在ajax完成之后,加载<script>标签,但只加载具有特定id的标签

<div class="post-text" itemprop="text"> <p>I'm currently using infinite-scroll to load more content, the content has <code>&lt;script&gt;</code> tags that need to be ran. So I'm using the code below as an <code>ajax-callback</code>:</p> <p><strong>JS</strong> on load ajax callback:</p> <pre><code>function ajaxLoadedCallback() { // contentElem is the HTML element you've loaded via ajax scriptx = document.getElementsByTagName("script"); // Load scripts into new array because // scriptx seems to change as scripts execute, at least in some browsers scripts = new Array(); for (var idx=0; idx&lt;scriptx.length; idx++) { if (jQuery(scriptx[idx]).is("#inline-comments")) { scripts[idx] = scriptx[idx].text; } } console.log (scripts[idx]); // execute each script in turn for(idx=0; idx&lt;scripts.length; ++idx) { if (scripts[idx].length!=0) { try { // create a function for the script &amp; execute it f = new Function(scripts[idx]); f(); } catch(se) { } // end try-catch } // end if } // end for } </code></pre> <p>Each content post has this script tag I want to load:</p> <pre><code>&lt;script id="inline-comments" &gt; console.log ('&lt;?php echo $post-&gt;ID; ?&gt;' + 'has loaded...'); var tid_&lt;?php echo $post-&gt;ID; ?&gt; = setInterval( function () { if ( document.readyState !== 'complete' ) return; clearInterval( tid_&lt;?php echo $post-&gt;ID; ?&gt; ); inline_comments_ajax_load(&lt;?php echo $post-&gt;ID; ?&gt;) }, 100 ); &lt;/script&gt; </code></pre> <p>Getting an Uncaught TypeError: Cannot read property 'length' of undefined error on this line: <code>if (scripts[idx].length!=0) {</code></p> <p>The ajax call back loads at the right time, but breaks because I assume <code>scripts[idx]</code> is empty. but why? when I use <code>console.log()</code> it shows when the <code>scriptx[idx]</code> has an id and the name of the id.</p> <p><strong>UPDATE</strong> Thank you PSL! <code>console.log</code> shows that it is finding the scripts, but scripts.length is returning zero</p> <pre><code>function ajaxLoadedCallback() { scriptx = document.getElementsByTagName("script"); scripts = new Array(); for (var idx=0; idx&lt;scriptx.length; idx++) { if (jQuery(scriptx[idx]).is(".inline-comments-script")) { console.log (".inline-comments-scriptfound!"); console.log ("####### .text #######"); console.log (scriptx[idx].text); console.log ("####### .innerHTML ######"); console.log (scriptx[idx].innerHTML); scripts.push = scriptx[idx].innerHTML; } } console.log ("####### END ######"); console.log ("Found "+scripts.length+ " script(s)"); // execute each script in turn for(idx=0; idx&lt;scripts.length; ++idx) { var content = scripts[idx]; if (content.length) { try { // create a function for the script &amp; execute it f = new Function(content); f(); } catch(se) { } // end try-catch } // end if } // end for } </code></pre> <p>Works now! See PSL's answer below - you can also see it live if you have wordpress: <a href="https://github.com/MattMcFarland/inline-ajax-comments" rel="nofollow">https://github.com/MattMcFarland/inline-ajax-comments</a> - works great!</p> </div>

[javascript]Activex动态加载

C#编写了一个Activex,并且注册了。。 当这么加载Activex的时候,是可以正常显示的。。 <body onload="" style="height:100%; overflow:hidden; margin-left:0px; margin-top:0px; margin-bottom:0px; margin-right:0px;background-color:#f00;"> <div id="Menu" style="position: absolute; z-index: 99999; background-color: #f00;background-color:transparent;"> <object id="helloworld" classid="CLSID:8d7d8518-ca58-4863-b94d-3c616fda7b35"> <param name="wmode" value="transparent" /> </object> </div> </body> 但是通过js加载该Activex就不显示了。。 求大神给破。。。 function ActiveXLoad() { document.getElementById('Menu').innerHTML = ' <object id="helloworld" classid="CLSID:8d7d8518-ca58-4863-b94d-3c616fda7b35">' + '<param name="wmode" value="transparent" />' + '</object>'; }

把数组用js动态写入select标签

``` $.ajax({url:"cscx.do", type:"post", dataType:"text", success: function(msg) { alert(msg.length); } }); 后端传来一个字符串数组,怎么创建option并把值写入 <select id="cs_name" name="cs_name" onclick="ryld();" > ```

如何使用javascript关闭重新加载页面上的iframe窗口

<div class="post-text" itemprop="text"> <p>I have website in PHP.And my situation is that I have checkout page that I need to click on submit button for payment process in iframe window. After complete payment process, I need to close iframe window and redirect to success page.But iframe did not close and page redirected into iframe.</p> <p>Code look like this:</p> <pre><code>&lt;form&gt;&lt;input type="button" name="payfort" value="Continue" onclick="CreditPay();" id="payfort" class="payfort" /&gt;&lt;/form&gt; &lt;script type="text/javascript"&gt; function CreditPay() { var pop = document.getElementById('popup-win'); pop.style.display = 'block'; document.getElementById('overlay').className = 'show'; document.getElementById('payfortForm').submit(); return false; }&lt;/script&gt; </code></pre> <p>And below code is open in iframe:</p> <pre><code>&lt;div class="popup-win" id="popup-win" style="display: none;"&gt; &lt;div class="popup-header"&gt; &lt;/div&gt; &lt;div class="popup-subtitle"&gt; Transaction Value:&lt;span class='currency-txt'&gt;AED&amp;nbsp; 17.00&lt;/span&gt; &lt;/div&gt; &lt;iframe id="ifrmPAYFORT" name="ifrmPAYFORT" style="width: 100%; height: 450px"&gt;&lt;/iframe&gt;&lt;/div&gt; &lt;div class="overlay" id="overlay"&gt;&lt;/div&gt; &lt;form METHOD="post" ACTION="http://localhost/phppayfort/success.php" id="payfortForm" name="payfortForm" target="ifrmPAYFORT"&gt; &lt;input type="hidden" name="service_command" value="&lt;?php echo $requestParams['service_command'] ?&gt;"&gt; &lt;input type="hidden" name="language" value="&lt;?php echo $requestParams['language'] ?&gt;"&gt; &lt;input type="hidden" name="merchant_identifier" value="&lt;?php echo $requestParams['merchant_identifier'] ?&gt;"&gt; &lt;input type="hidden" name="access_code" value="&lt;?php echo $requestParams['access_code'] ?&gt;"&gt; &lt;input type="hidden" name="signature" value="&lt;?php echo $signature ?&gt;"&gt; &lt;input type="hidden" name="return_url" value="&lt;?php echo $requestParams['return_url'] ?&gt;"&gt; &lt;input type="hidden" name="merchant_reference" value="&lt;?php echo $requestParams['merchant_reference'] ?&gt;"&gt; &lt;/form&gt; </code></pre> <p>So, is there any way to close iframe window on reload page?</p> <p>Many thanks in advance for recommendations.</p> </div>

在线求助啊!!highcharts.js画散点图时,怎样动态加载数据列series啊?

这是我的js代码。 ``` function paint(){ var chart = new Highcharts.Chart({ chart:{ renderTo:'container', type:'scatter',//显示类型 散点图 zoomType: 'xy' }, title:{ text:'散点图' //图表的标题 }, xAxis:{ title: { enabled: true, text: 'sepal length' }, startOnTick: true, endOnTick: true, showLastLabel: true }, yAxis:{ title:{ text:'sepal width' //Y轴的名称 } }, legend: { layout: 'vertical', align: 'left', verticalAlign: 'top', x: 100, y: 70, floating: true, backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF', borderWidth: 1 }, credits:{ enabled:false }, plotOptions: { scatter: { marker: { radius: 5, states: { hover: { enabled: true, lineColor: 'rgb(100,100,100)' } } }, states: { hover: { marker: { enabled: false } } }, tooltip: { headerFormat: '<b>{series.name}</b><br>', pointFormat: '{point.x}, {point.y}' } } }, series:[] }); chart.series[0].setData[2.0,3.6]; $.ajax({ type:'post', url:'ScatterServlet',//请求数据的地址 data:{"name":"scatter"}, dataType:'json', async:'true', success:function(data,status){ alert("data:"+data); alert("status:"+status); } }, error:function(XMLHttpRequest,textStatus,errorThrown){ alert("异常! "+"XMLHttpRequest.status:"+XMLHttpRequest.status+" XMLHttpRequest.readyState:"+XMLHttpRequest.readyState+" textStatus:"+textStatus); } }); } $(document).ready(function(){ var showId= $("#scatter"); showId.click(function(){ paint(); }); }); ``` 我的ajax获取的json数据里有5个属性,我现在想取其中两个属性值,然后将这两个属性值动态加载到series里?求助各位了,弄了两天没弄出来。。在线等啊!!

swiper4.0 问题,动态加载的数据显示不正常

动态加载的数据,静态数据是20个slide 能对整齐。动态加载的数据只有15个却不能对齐![图片说明](https://img-ask.csdn.net/upload/201904/22/1555925727_411340.png) ``` var mySwiper = new this.$Swiper(".swiper-container2", { slidesPerView: 5, //一行显示5个 slidesPerColumn: 2, //显示2行 slidesPerGroup: 5, //每次滑动滚动的数量 scrollbar: { el: "#sw2", dragSize: 53 }, draggable: false, observer: true, //修改swiper自己或子元素时,自动初始化swiper observeParents: false, }); mySwiper.scrollbar.$el.css("height", "15px"); mySwiper.scrollbar.$dragEl.css("background", "#F2414C"); mySwiper.scrollbar.$el.css("width", "157px"); mySwiper.scrollbar.updateSize(); //结构 <div class="swiper-container2"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="item in goodslist" :key="item.id" @click="toNew(item.id)" > <div class="box"> <img :src="item.src" alt="这是图" /> </div> <span>{{ item.name }}</span> </div> </div> <br /> <div class="swiper-scrollbar" id="sw2"></div> </div> ```

jQuery利用append方法后为什么动态加载的下拉选择框不显示?

点击事件可以正常使用,但是点击之后有一个下拉选择框不显示,另外一个输入框可以正常显示 ``` <div class="form-group" id="div"> <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="hospitalDocName" >姓名</label> <div class="col-xs-12 col-sm-9"> <div class="clearfix" > <span id="hospitalDocName"></span> <label for="bookNum">预约人数</label> <input name="bookNum" id="bookNum" value="${(returnDatas.data.bookNum)!''}" type="text" /> <button type="button" class="btn btn-minier btn-primary dropdown-toggle" id="plus1" >单击添加</button> </div><div class="help-block" for="docId"></div> </div> </div> <script> $("#plus1").click(function(){ html = '<label class="control-label col-xs-12 col-sm-3 no-padding-right" for="hospitalDocName" >姓名</label>'; html += '<div class="col-xs-12 col-sm-9">'; html += '<div class="clearfix" >'; html += '<span id="hospitalDocName"></span>'; html += '<label for="bookNum">预约人数</label>'; html += '<input name="bookNum" id="bookNum" value="${(returnDatas.data.bookNum)!""}" type="text" />'; html += '</div><div class="help-block" for="docId"></div>'; html += '</div>'; $("#div").append(html); }) </script> ``` ![图片说明](https://img-ask.csdn.net/upload/201903/22/1553221955_118894.png)

Java_爬虫,如何抓取Js动态生成数据的页面?

<div class="iteye-blog-content-contain" style="font-size: 14px;"> <p> </p> <p> </p> <p> </p> <p>很多网站是用js或Jquery 生成数据的,到后台获取到数据以后,用 document.write()或者("#id").html="" 的方式 写到页面中,这个时候用浏览器查看源码是看不到数据的。<br><br>HttpClient是不行的,看网上说HtmlUnit,说  可以获取后台js加载完后的完整页面,但是我按照文章上说的 写了 ,都不好使。</p> <pre name="code" class="java">String url = "http://xinjinqiao.tprtc.com/admin/main/flrpro.do"; try { WebClient webClient = new WebClient(BrowserVersion.FIREFOX_10); //设置webClient的相关参数 webClient.getOptions().setJavaScriptEnabled(true); webClient.getOptions().setCssEnabled(false); webClient.setAjaxController(new NicelyResynchronizingAjaxController()); //webClient.getOptions().setTimeout(50000); webClient.getOptions().setThrowExceptionOnScriptError(false); //模拟浏览器打开一个目标网址 HtmlPage rootPage = webClient.getPage(url); System.out.println("为了获取js执行的数据 线程开始沉睡等待"); Thread.sleep(3000);//主要是这个线程的等待 因为js加载也是需要时间的 System.out.println("线程结束沉睡"); String html = rootPage.asText(); System.out.println(html); } catch (Exception e) { } </pre> <p> </p> <p>其实这段代码不好使。<br><br><br>求解答,其中典型的就是这个链接的页面,怎么能在java程序中获取其中的数据?<br><br>http://xinjinqiao.tprtc.com/admin/main/flrpro.do</p> <p> </p> <p> </p> </div>

select2 用属性选择器 动态添加 只有新添加的标签有渲染 原有标签的渲染没了

![图片说明](https://img-ask.csdn.net/upload/201808/01/1533091747_378076.png) js代码 update界面显示部分 ``` // 显示修改关键字症状界面 function updateView(id, system_id) { $("#btntype").val(1); $("#Submit1").click(function() { add(1); }); $ .ajax({ type : "POST", url : "/erzhentang/manage/forAjax.do?requestType=12.1", data : "id=" + id + "&system_id=" + system_id, // 发送到服务器的数据默认id是结论id success : function(msg) { $("#xuewei_id").val("1,2,3").select2(); /* alert(msg); */ var json = eval('(' + msg + ')'); document.getElementById("addModel").style.display = "block"; document.getElementById("id1").value = json.earScanJielun.id; document.getElementById("system_id1").value = json.earScanJielun.system_id; /* 遍历所属系统下所有 耳穴频扫疾病项 */ var arrESJ = eval(json.listEarScanJibing);// arrESJ是一个数组 var checkESJ = document.getElementById("jibing_num1"); var str2 = ""; for (var j = 0; j < arrESJ.length; j++) { str2 += "<option value=\"" + arrESJ[j].jibing_num + "\">" + arrESJ[j].name + "</option>"; var checkESJ2 = arrESJ[j].name; if (arrESJ[j].jibing_num == json.earScanJielun.jibing_num) {// 疾病编号人为控制每个编号都是唯一 arrESJ[j].name = "selected='selected'"; } $("#jibing_num1").html(str2); } document.getElementById("jibing_num1").value = json.earScanJielun.jibing_num; document.getElementById("jielun_rank1").value = json.earScanJielun.jielun_rank; document.getElementById("jielun1").value = json.earScanJielun.jielun; /* 下半截部分组合表动态展示修改和添加 */ var arrESC = eval(json.listEarScanCp);// arrESC是一个数组频扫结论组合表 var str = ""; var str1 = ""; for (var i = 0; i < arrESC.length; i++) { str += "<tr>"; str += "<td colspan=\"8\">"; str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">"; str += "<div style=\"float: left;\">"; str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" >" + arrESC[i].id + "</textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >" var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签 /* * 下拉框主要是应展示项和所有下拉选项的值判断是否对应 分清主和客 * 所有展示项目为主表客表的某一项值和遍历主表的值对应 这里面 下拉框所有选项值是主表 */ var str1 = ""; for (var j = 0; j < myselect.options.length; j++) {// 下拉框是主家从静态页面获取并且遍历它 // alert("j值:" + myselect.options[j].value); str += "<option value=\"" + myselect.options[j].value + "\" " + (myselect.options[j].value == arrESC[i].gender ? "selected='selected'" : "") + ">" + myselect.options[j].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"min_age\" name=\"min_age\" >" + arrESC[i].min_age + "</textarea>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"max_age\" name=\"max_age\" >" + arrESC[i].max_age + "</textarea>"; // str += "<textarea style=\"width: // 300px;margin-left:10px;\" id=\"xuewei_id\" // name=\"xuewei_id\" >" // + arrESC[i].xuewei_id + "</textarea>"; str +="<div id=\"selectSection\">"; str += "<select style=\"width: 300px;margin-left:10px;\" id=\"xuewei_id\" name=\"xuewei_id\"class=\"combox\" multiple >" str += "<optgroup label=\"小辈儿组\">"; str += "<option value=\"1\">心</option>"; str += "<option value=\"2\" " + "selected='selected'" + ">" + "肺" + "</option>"; str += "<option value=\"3\" " + "selected='selected'" + ">" + "小肠" + "</option>"; str += "<option value=\"4\">" + "口" + "</option>"; str += "<option value=\"5\">" + "食道" + "</option>"; str += "</optgroup>"; str += "</div>" $("#xuewei_id").val("1,2,3").select2(); str += "<textarea style=\"width: 220px;margin-left: 10px;\" id=\"chuzhen_id\" name=\"chuzhen_id\" >" + arrESC[i].chuzhen_id + "</textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 10px;\" id=\"bp\" name=\"bp\" >" var myselect1 = document.getElementById("bp");// 这个获取的是静态jsp页面里标签 for (var k = 0; k < myselect1.options.length; k++) {// 下拉框是主家从静态页面获取并且遍历它 // alert("j值:" + myselect1.options[k].value); str += "<option value=\"" + myselect1.options[k].value + "\" " + (myselect1.options[k].value == arrESC[i].bp ? "selected='selected'" : "") + ">" + myselect1.options[k].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px; height: 36px;margin-left: 10px;margin-top: 0px;\" id=\"jielun_conform\" name=\"jielun_conform\">" + arrESC[i].jielun_conform + "</textarea>"; str += "</div>"; str += "<div >"; str += " <input type=\"button\" onclick=\"delRow(this," + arrESC[i].id + "," + arrESC[i].bianzhengId + ")\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">"; str += "</div>"; str += "</div>"; str += "</td>"; str += "</tr>"; /* 替换静态页面 */ $("#tbody1").html(str); select2Execute(); } } }); } ``` js代码add添加行 ``` // 添加行 频扫组合表信息 function addRow1() { var str = ""; str += "<tr>"; str += "<td colspan=\"8\">"; str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">"; str += "<div style=\"float: left;\">"; str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" ></textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >" var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签 for (var j = 0; j < myselect.options.length; j++) {// 下拉框是主家从静态页面获取并且遍历它 str += "<option value=\"" + myselect.options[j].value + "\">" + myselect.options[j].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"min_age\" name=\"min_age\" ></textarea>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"max_age\" name=\"max_age\" ></textarea>"; // str += "<textarea style=\"width: 300px;margin-left: 10px;\" // id=\"xuewei_id\" name=\"xuewei_id\" ></textarea>"; str +="<div id=\"selectSection\">"; str += "<select style=\"width: 300px;margin-left:10px;\" id=\"xuewei_id\" name=\"xuewei_id\" class=\"combox\" multiple >" str += "<optgroup label=\"小辈儿组\">"; str += "<option value=\"1\">心</option>"; str += "<option value=\"2\">" + "肺" + "</option>"; str += "<option value=\"3\">" + "小肠" + "</option>"; str += "<option value=\"4\">" + "口" + "</option>"; str += "<option value=\"5\">" + "食道" + "</option>"; str += "</optgroup>"; "</select>"; str += "</div>"; str += "<textarea style=\"width: 220px;margin-left: 10px;\" id=\"chuzhen_id\" name=\"chuzhen_id\" ></textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 10px;\" id=\"bp\" name=\"bp\" >" var myselect1 = document.getElementById("bp");// 这个获取的是静态jsp页面里标签 for (var k = 0; k < myselect1.options.length; k++) {// 下拉框是主家从静态页面获取并且遍历它 // alert("j值:" + myselect1.options[k].value); // alert("text值:" + myselect1.options[k].text); str += "<option value=\"" + myselect1.options[k].value + "\">" + myselect1.options[k].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px; height: 36px;margin-left: 10px;\" id=\"jielun_conform\" name=\"jielun_conform\"></textarea>"; str += "</div>"; str += "<div >"; str += " <input type=\"button\" onclick=\"delRow(this)\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">"; str += "</div>"; str += "</div>"; str += "</td>"; str += "</tr>"; $("#rowTable1").append(str); // $("select[name='xuewei_id']").select2({ // $("#xuewei_id").select2().trigger(); // $("#xuewei_id").trigger('change') select2Execute(); } ``` 执行select2部分 ``` /* 执行select2方法 */ function select2Execute() { $(function() { // $("select[name='xuewei_id']").select2({ // $('select[id="xuewei_id"]').select2({ // $('#xuewei_id').select2({ // $("#selectSection").find("select.combox").select2({ $(".combox").select2({ placeholder : "请至少选择一个人名", tags : true, createTag : function(decorated, params) { return null; }, width : '256px' }); function formatState(state) { if (!state.id) { return state.text; } var $state = $('<span>' + state.text + '</span>'); return $state; } ; $('#sel_recommender').select2({ placeholder : "请选择一个人名", templateResult : formatState, width : '256px' }); }); } ```

为什么我动态加载的 onclick 去不掉

如题,我封装了一个分页js,传入参数有请求页数,动态加载onclick方法名称。 现在遇到了问题,比如,规定每页显示10条产品。 首先进入页面默认加载全部产品分类,“下一页“按钮绑定的是 全部产品查询(第2页)方法。此时我点击产品分类筛选出A类产品,只有9个产品。”下一页“按钮就不应该有onclick,但它就是去不掉,此时点击下一页就会跳转到"全部产品查询的第二页"结果。。。。。 我尝试过removeAttr()/赋空方法/甚至把标签删了再重新添加都不管用 ``` //region 下一页 if (pageInfo.nextPage != null && pageInfo.nextPage != 0) { $("#nextPage").attr('class', 'NextA'); $("#nextPage").attr('onclick', methodName + '(' + pageInfo.nextPage + ',' + typeID + ',' + typename + ',' + proid + ')'); } else { //$("#nextPage").remove(); //$("#linkPage").after('<a href="javascript:void(0)" class="PreSpan" id="nextPage">下一页</a>'); $("#nextPage").attr('onclick','function(){}') $("#nextPage").attr('class', 'PreSpan'); } //endregion ``` 以下是全部代码 ``` /*参数1: 后台返回的PageInfo数据,参数2: 调用该方法的方法名(方法名不加括号'()') 参数3:类型的ID 参数4:类型名称 参数5:产品ID param3,4,5为可选择参数*/ function pageInfoPlugin(pageInfo, methodName, typeID, tn, proid) { //console.log('pageNum----' + pageInfo.pageNum) //console.log('pageSize----' + pageInfo.pageSize) //console.log('total----' + pageInfo.total) //console .log('pages----' + pageInfo.pages) //console.log('firstPage----' + pageInfo.firstPage) //console.log('lastPage----' + pageInfo.lastPage) //console.log('prePage----' + pageInfo.prePage) //console.log('nextPage----' + pageInfo.nextPage) //console.log('methodName----' + methodName) var typename = "'" + tn + "'"; if (pageInfo != null) { //region 上一页 if (pageInfo.prePage != null && pageInfo.prePage != 0) { $("#prePage").attr('class', 'NextA'); $("#prePage").attr('onclick', methodName + '(' + pageInfo.prePage + ',' + typeID + ',' + typename + ',' + proid + ')'); } else { //$("#prePage").remove(); //$("#linkPage").before('<a href="javascript:void(0)" class="PreSpan" id="prePage">上一页</a>'); $("#prePage").attr('onclick','function(){}') $("#prePage").attr('class', 'PreSpan'); } //endregion //region 下一页 if (pageInfo.nextPage != null && pageInfo.nextPage != 0) { $("#nextPage").attr('class', 'NextA'); $("#nextPage").attr('onclick', methodName + '(' + pageInfo.nextPage + ',' + typeID + ',' + typename + ',' + proid + ')'); } else { //$("#nextPage").remove(); //$("#linkPage").after('<a href="javascript:void(0)" class="PreSpan" id="nextPage">下一页</a>'); $("#nextPage").attr('onclick','function(){}') $("#nextPage").attr('class', 'PreSpan'); } //endregion //region 链接分页计算 $("#linkPage").children().remove(); if (pageInfo.pageNum - 5 < 1) { for (var i = 1; i <= pageInfo.pages && i <= 11; i++) { var linkPage = '<a href="javascript:void(0)" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; if (pageInfo.pageNum === i) { linkPage = '<a href="javascript:void(0)" class="Ahover" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; } $("#linkPage").append(linkPage); } } else { if (pageInfo.pageNum + 5 > pageInfo.pages) { for (var i = pageInfo.pages - 11 + 1; i <= pageInfo.pages; i++) { var linkPage = '<a href="javascript:void(0)" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; if (pageInfo.pageNum === i) { linkPage = '<a href="javascript:void(0)" class="Ahover" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; } $("#linkPage").append(linkPage); } } else { for (var i = pageInfo.pageNum - 5; i <= pageInfo.pageNum + 5; i++) { var linkPage = '<a href="javascript:void(0)" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; if (pageInfo.pageNum === i) { linkPage = '<a href="javascript:void(0)" class="Ahover" onclick="' + methodName + "(" + i + "," + typeID + "," + typename + "," + proid + ")" + '">' + i + '</a>'; } $("#linkPage").append(linkPage); } } } //endregion //region 分页信息 $("#pageText").html("当前:第【" + pageInfo.pageNum + "】页 / 总共:【" + pageInfo.pages + "】页"); //endregion } } ``` ``` <div class="met_pager"> <a href="javascript:void(0)" class="PreSpan" id="prePage">上一页</a> <b id="linkPage"> <!--<a href="" onclick="showNewsAll(1)" class="Ahover">1</a>--> <!--<a href="" onclick="showNewsAll(2)">2</a>--> </b> <a href="javascript:void(0)" class="NextA" id="nextPage">下一页</a> <span class="PageText" id="pageText">1/5</span> </div> ```

struts1的.do页面无法加载外部的js文件

采用SSH开发 在a.jsp页面里点“查询”操作,通过struts-config.xml中的配置交给查询的SearchAction处理,查询成功通过forward把查询到的数据原返回到a.jsp页面,再循环遍历输出,此时地址栏中的地址是:http://127.0.0.1:8080/test/search.do,但是在这个页面中通过<script type="text/javascript" src="jquery.jwindow.js" charset="UTF-8"></script>方式加载外部的JS文件加载不上,而<script type="text/javascript">function del(id){} </script>的JS却可以进行处理 forward配置:<forward name="success" path="a.jsp" /> 不知道我说的大家能否明白,能帮下我吗? [b]问题补充:[/b] 路径应该没有什么问题,通过ACTION查的数据都能返回到JSP页面上, 问题的关键是返回的JSP页面加载不了外部的JS文件 就是我查询的页面和查询成功返回的页面是同一个页面 查询成功返回到这个页面时,外部JS文件无法加载, 在最初未查询之前是可以加载的 谢谢你哈,祝你新年快乐! [b]问题补充:[/b] rain2005 谢谢你 我的那个查询页面和JS文件放在同一个文件夹下面,所以链接的时候我给的相对路径。这样在最初打开页面时JS文件可以加载,但当ACTION返回后路径就不对了 我按你说的把站点要路径加上就可以了 2008年最后一天,我最后的问题也解决了,真高兴,祝你新年快乐 :D

select2 用js动态循环添加 没有任何渲染 只有第一个默认有渲染

图片效果 ![图片说明](https://img-ask.csdn.net/upload/201808/01/1533060247_931675.png) 只有第一行 正常显示 动态添加 select2 虽然初始化了但是没有任何渲染 js代码 获取后台数据的update页面 ``` function updateView(id, system_id) { $("#btntype").val(1); $("#Submit1").click(function() { add(1); }); $ .ajax({ type : "POST", url : "/erzhentang/manage/forAjax.do?requestType=12.1", data : "id=" + id + "&system_id=" + system_id, // 发送到服务器的数据默认id是结论id success : function(msg) { $("#xuewei_id").val("1,2,3").select2(); /* alert(msg); */ var json = eval('(' + msg + ')'); document.getElementById("addModel").style.display = "block"; document.getElementById("id1").value = json.earScanJielun.id; document.getElementById("system_id1").value = json.earScanJielun.system_id; /* 遍历所属系统下所有 耳穴频扫疾病项 */ var arrESJ = eval(json.listEarScanJibing);// arrESJ是一个数组 var checkESJ = document.getElementById("jibing_num1"); var str2 = ""; for (var j = 0; j < arrESJ.length; j++) { str2 += "<option value=\"" + arrESJ[j].jibing_num + "\">" + arrESJ[j].name + "</option>"; var checkESJ2 = arrESJ[j].name; if (arrESJ[j].jibing_num == json.earScanJielun.jibing_num) {// 疾病编号人为控制每个编号都是唯一 arrESJ[j].name = "selected='selected'"; } $("#jibing_num1").html(str2); } document.getElementById("jibing_num1").value = json.earScanJielun.jibing_num; document.getElementById("jielun_rank1").value = json.earScanJielun.jielun_rank; document.getElementById("jielun1").value = json.earScanJielun.jielun; /* 下半截部分组合表动态展示修改和添加 */ var arrESC = eval(json.listEarScanCp);// arrESC是一个数组频扫结论组合表 var str = ""; var str1 = ""; for (var i = 0; i < arrESC.length; i++) { str += "<tr>"; str += "<td colspan=\"8\">"; str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">"; str += "<div style=\"float: left;\">"; str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" >" + arrESC[i].id + "</textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >" var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签 str += "<select style=\"width: 300px;margin-left:10px;\" id=\"xuewei_id\" name=\"xuewei_id\"class=\"combox\" multiple >" str += "<optgroup label=\"小辈儿组\">"; str += "<option value=\"1\">心</option>"; str += "<option value=\"2\" " + "selected='selected'" + ">" + "肺" + "</option>"; str += "<option value=\"3\" " + "selected='selected'" + ">" + "小肠" + "</option>"; str += "<option value=\"4\">" + "口" + "</option>"; str += "<option value=\"5\">" + "食道" + "</option>"; str += "</optgroup>"; "</select>"; str += "</div>"; str += "<div >"; str += " <input type=\"button\" onclick=\"delRow(this," + arrESC[i].id + "," + arrESC[i].bianzhengId + ")\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">"; str += "</div>"; str += "</div>"; str += "</td>"; str += "</tr>"; /* 替换静态页面 */ $("#tbody1").html(str); select2Update();//执行select方法 } } }); } ``` 动态循环添加行js部分 ``` function addRow1() { var str = ""; str += "<tr>"; str += "<td colspan=\"8\">"; str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">"; str += "<div style=\"float: left;\">"; str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" ></textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >" var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签 for (var j = 0; j < myselect.options.length; j++) {// 下拉框是主家从静态页面获取并且遍历它 str += "<option value=\"" + myselect.options[j].value + "\">" + myselect.options[j].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"min_age\" name=\"min_age\" ></textarea>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"max_age\" name=\"max_age\" ></textarea>"; // str += "<textarea style=\"width: 300px;margin-left: 10px;\" // id=\"xuewei_id\" name=\"xuewei_id\" ></textarea>"; str += "<select style=\"width: 300px;margin-left:10px;\" id=\"xuewei_id\" name=\"xuewei_id\" class=\"combox\" multiple >" str += "<optgroup label=\"小辈儿组\">"; str += "<option value=\"1\">心</option>"; str += "<option value=\"2\">" + "肺" + "</option>"; str += "<option value=\"3\">" + "小肠" + "</option>"; str += "<option value=\"4\">" + "口" + "</option>"; str += "<option value=\"5\">" + "食道" + "</option>"; str += "</optgroup>"; "</select>"; str += "<textarea style=\"width: 220px;margin-left: 10px;\" id=\"chuzhen_id\" name=\"chuzhen_id\" ></textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 10px;\" id=\"bp\" name=\"bp\" >" var myselect1 = document.getElementById("bp");// 这个获取的是静态jsp页面里标签 for (var k = 0; k < myselect1.options.length; k++) {// 下拉框是主家从静态页面获取并且遍历它 // alert("j值:" + myselect1.options[k].value); // alert("text值:" + myselect1.options[k].text); str += "<option value=\"" + myselect1.options[k].value + "\">" + myselect1.options[k].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px; height: 36px;margin-left: 10px;\" id=\"jielun_conform\" name=\"jielun_conform\"></textarea>"; str += "</div>"; str += "<div >"; str += " <input type=\"button\" onclick=\"delRow(this)\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">"; str += "</div>"; str += "</div>"; str += "</td>"; str += "</tr>"; $("#rowTable1").append(str); // $("select[name='xuewei_id']").select2({ // $("#xuewei_id").select2().trigger(); $("#xuewei_id").trigger('change') select2Save(); } ``` select2方法 包含添加和修改 目前两个方法完全一致 ``` function select2Update() { $("#xuewei_id").trigger('change') $(function() { $('#xuewei_id').select2({ placeholder : "请至少选择一个人名", tags : true, createTag : function(decorated, params) { return null; }, width : '256px' }); function formatState(state) { if (!state.id) { return state.text; } var $state = $('<span>' + state.text + '</span>'); return $state; } ; $('#sel_recommender').select2({ placeholder : "请选择一个人名", templateResult : formatState, width : '256px' }); }); } function select2Save() { $(function() { // $("select[name='xuewei_id']").select2({ $('#xuewei_id').select2({ placeholder : "请至少选择一个人名", tags : true, createTag : function(decorated, params) { return null; }, width : '256px' }); function formatState(state) { if (!state.id) { return state.text; } var $state = $('<span>' + state.text + '</span>'); return $state; } ; $('#sel_recommender').select2({ placeholder : "请选择一个人名", templateResult : formatState, width : '256px' }); }); ```

AJAX Google Map无法加载

<div class="post-text" itemprop="text"> <p>I have this two files:</p> <p>mappa2.html:</p> <p> #map { height: 85%; }</p> <pre><code> &lt;/style&gt; &lt;script&gt; function showHint() {         var xmlhttp = new XMLHttpRequest();         xmlhttp.onreadystatechange = function() {             if (xmlhttp.readyState == 4 &amp;&amp; xmlhttp.status == 200) {                 document.getElementById("txtHint").innerHTML = xmlhttp.responseText;             }         };         xmlhttp.open("GET", "sql2.php", true);         xmlhttp.send();     } &lt;/script&gt; &lt;!-- Required meta tags--&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"&gt; &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt; &lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt; &lt;!-- Your app title --&gt; &lt;title&gt;Moli.se&lt;/title&gt; &lt;!-- Path to Framework7 Library CSS, iOS Theme --&gt; &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt; &lt;link rel="stylesheet" href="res/dist/css/framework7.ios.min.css"&gt; &lt;!-- Path to Framework7 color related styles, iOS Theme --&gt; &lt;link rel="stylesheet" href="res/dist/css/framework7.ios.colors.min.css"&gt; &lt;!-- Path to your custom app styles--&gt; &lt;link rel="stylesheet" href="css/my-app.css"&gt; &lt;/head&gt; &lt;body onload="showHint()"&gt; &lt;!-- Status bar overlay for full screen mode (PhoneGap) --&gt; &lt;div class="statusbar-overlay"&gt;&lt;/div&gt; &lt;!-- Views --&gt; &lt;div class="views"&gt; &lt;!-- Your main view, should have "view-main" class --&gt; &lt;div class="view view-main"&gt; &lt;!-- Top Navbar--&gt; &lt;div class="navbar"&gt; &lt;div class="navbar-inner"&gt; &lt;div class="left"&gt; &lt;a href="#" class="open-left-panel"&gt; &lt;img src="img/list.png" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class="center"&gt;&lt;a href="#"&gt;&lt;img src="http://moli.se/wp/wp-content/uploads/2016/03/logo-molipuntose-2016-160.png" height="30"/&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes--&gt; &lt;div class="pages navbar-through"&gt; &lt;!-- Page, "data-page" contains page name --&gt; &lt;div data-page="index" class="page"&gt; &lt;!-- Scrollable page content --&gt; &lt;div class="page-content"&gt; &lt;div class="card"&gt; &lt;div class="card-header"&gt;Mappa&lt;/div&gt; &lt;div class="card-content"&gt; &lt;div class="card-content-inner"&gt; &lt;!--Inzio mappa --&gt; &lt;div id ="txtHint"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="panel-overlay"&gt;&lt;/div&gt; &lt;!-- Left panel, let it be with reveal effect --&gt; &lt;div class="panel panel-left panel-reveal"&gt; &lt;div class="content-block"&gt; &lt;p&gt;Benvenuto su Moli.se&lt;/p&gt; &lt;a href="index.html" class="external"&gt; &lt;p&gt;Home&lt;/p&gt;&lt;/a&gt; &lt;a href="mappa.html" class="external"&gt; &lt;p&gt;Mappa&lt;/p&gt;&lt;/a&gt; &lt;a href="http://moli.se/blog" class="external"&gt; &lt;p&gt;Blog&lt;/p&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Path to Framework7 Library JS--&gt; &lt;script type="text/javascript" src="res/dist/js/framework7.min.js"&gt;&lt;/script&gt; &lt;!-- Path to your app js--&gt; &lt;script type="text/javascript" src="js/moli-se.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>And sql2.php:</p> <pre class="lang-html prettyprint-override"><code>&lt;?php $con = mysqli_connect('*******','******','*****','*************'); if (!$con) { die('Could not connect: ' . mysqli_error($con)); } mysqli_select_db($con,"ajax_demo"); $sql="SELECT COUNT(*) AS total FROM posti"; $result=mysqli_query($con ,$sql ); $data=mysqli_fetch_assoc($result); $d = $data['total']; echo " &lt;div id='map'&gt;&lt;/div&gt;"; echo " &lt;script&gt; function initMap() { var uluru = {lat: 42.5 , lng: 14.5 }; var map = new google.maps.Map(document.getElementById('map'), { zoom: 8, center: uluru }); var noPoi = [ { featureType: \"poi\", stylers: [ { visibility: \"off\" } ] } ]; map.setOptions({styles: noPoi}); "; for ($i = 1 ; $i &lt;= $d ; $i++) { $sel="SELECT * FROM posti WHERE id = '".$i."'"; $res = mysqli_query($con,$sel); $row = mysqli_fetch_array($res); echo " var uluru" .$i . " = {lat: " .$row['latitudine'] .", lng: " .$row['longitudine'] ."}; var contentString" . $i . " = ' &lt;div id=\"content\"&gt;&lt;h2&gt; " . $row['name'] . "&lt;/h2&gt;&lt;/div&gt;' var infowindow" .$i . "= new google.maps.InfoWindow({ content: contentString" . $i . " }); var marker" . $i . " = new google.maps.Marker({ position: uluru" .$i .", map: map, title: 'Title', icon : 'yellow.png' }); marker" . $i . ".addListener('click', function() { infowindow" .$i .".open(map, marker" . $i . "); }); "; } echo " } &lt;/script&gt; &lt;script async defer src='https://maps.googleapis.com/maps/api/js?MY_KEY=initMap'&gt; &lt;/script&gt; "; mysqli_close($con); ?&gt; </code></pre> <p>If I load mappa2.html, the map doesn't load. But if I copy the generated code and put it in another html file, the map shows up correctly.</p> <p>If I write in the js console: <code>initMap()</code> it says:</p> <pre><code>Uncaught ReferenceError: initMap is not defined at &lt;anonymous&gt;:1:1 </code></pre> </div>

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+";&nbsp;&nbsp;"; $('#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"> <!-- 这里面显示所输入的数字(在方法next里输出显示的地方) --> </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>

在bootstrap popover中加载动态内容

<div class="post-text" itemprop="text"> <p>im using datatables, and this is my some of my code for fetching the data for datatables, this works fine now what i want is to load dynamic content on when someone hover or click the anchor tag... this the image <a href="https://i.stack.imgur.com/Ogopf.jpg" rel="nofollow noreferrer">datatables data</a></p> <pre><code>foreach($result as $row) { $sub_array = array(); $sub_array[] = '&lt;a href="#" class="hover" id="'.$row['id'].'"&gt;'.clean($row["f_name"])." ".clean($row["m_name"])." ".clean($row["l_name"]).'&lt;/a&gt;'; $sub_array[] = strtoupper($row["sex"]); $sub_array[] = $row["birthdate"]; $sub_array[] = $row['age']; $data[] = $sub_array; } </code></pre> <p>this is what i have tried, still the bootstrap popover not working</p> <pre><code>$('.hover').popover({ title:fetchData, html:true, placement:'right' }); function fetchData(){ var fetch_data=''; var element = $(this); var id = element.attr("id"); $.ajax({ url:"../controller/fetch_single.php", method:"POST", async:false, data:{id:id}, success:function(data){ fetch_data = data; alert(data); } }); return fetch_data; } </code></pre> <p>this is the code that i used for my ajax </p> <pre><code>//fetch_single.php if(isset($_POST["id"])) { $output = ''; $statement = $connection-&gt;prepare( "SELECT id, sex, f_name, m_name, l_name, birthdate,image_name,house_num,street TIMESTAMPDIFF(YEAR, birthdate, CURDATE()) as age from rec_personal WHERE id='".$_POST['id']."'" ); $statement-&gt;execute(); $result = $statement-&gt;fetchAll(); foreach ($result as $row) { $output = ' &lt;p&gt;&lt;img src="../upload/'.$row["image_name"].'" class="img-responsive img-thumbnail" /&gt;&lt;/p&gt; &lt;p&gt;&lt;label&gt;Name : '.$row['f_name'].'&lt;/label&gt;&lt;/p&gt; &lt;p&gt;&lt;label&gt;Address : &lt;/label&gt;&lt;br /&gt;'.$row['house_num'].'&lt;/p&gt; &lt;p&gt;&lt;label&gt;Gender : &lt;/label&gt;'.$row['sex'].'&lt;/p&gt; &lt;p&gt;&lt;label&gt;Age : &lt;/label&gt;'.$row['age'].' Years&lt;/p&gt; '; } echo $output; } </code></pre> <p><strong>EDIT</strong> this is my reference for the code <a href="http://www.webslesson.info/2016/11/php-ajax-jquery-load-dynamic-content-in-bootstrap-popover.html" rel="nofollow noreferrer">http://www.webslesson.info/2016/11/php-ajax-jquery-load-dynamic-content-in-bootstrap-popover.html</a></p> </div>

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

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

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

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

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象?

老生常谈的一个梗,到2020了还在争论,你们一天天的,哎哎哎,我不是针对你一个,我是说在座的各位都是人才! 上图红色的这3个箭头,对于通过new产生一个字符串(”宜春”)时,会先去常量池中查找是否已经有了”宜春”对象,如果没有则在常量池中创建一个此字符串对象,然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象,如果常量池中原来没有 ”宜春” ,就是两个。...

技术大佬:我去,你写的 switch 语句也太老土了吧

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

Linux面试题(2020最新版)

文章目录Linux 概述什么是LinuxUnix和Linux有什么区别?什么是 Linux 内核?Linux的基本组件是什么?Linux 的体系结构BASH和DOS之间的基本区别是什么?Linux 开机启动过程?Linux系统缺省的运行级别?Linux 使用的进程间通信方式?Linux 有哪些系统日志文件?Linux系统安装多个桌面环境有帮助吗?什么是交换空间?什么是root帐户什么是LILO?什...

将一个接口响应时间从2s优化到 200ms以内的一个案例

一、背景 在开发联调阶段发现一个接口的响应时间特别长,经常超时,囧… 本文讲讲是如何定位到性能瓶颈以及修改的思路,将该接口从 2 s 左右优化到 200ms 以内 。 二、步骤 2.1 定位 定位性能瓶颈有两个思路,一个是通过工具去监控,一个是通过经验去猜想。 2.1.1 工具监控 就工具而言,推荐使用 arthas ,用到的是 trace 命令 具体安装步骤很简单,大家自行研究。 我的使用步骤是...

学历低,无法胜任工作,大佬告诉你应该怎么做

微信上收到一位读者小涛的留言,大致的意思是自己只有高中学历,经过培训后找到了一份工作,但很难胜任,考虑要不要辞职找一份他能力可以胜任的实习工作。下面是他留言的一部分内容: 二哥,我是 2016 年高中毕业的,考上了大学但没去成,主要是因为当时家里经济条件不太允许。 打工了三年后想学一门技术,就去培训了。培训的学校比较垃圾,现在非常后悔没去正规一点的机构培训。 去年 11 月份来北京找到了一份工...

JVM内存结构和Java内存模型别再傻傻分不清了

讲一讲什么是Java内存模型 Java内存模型虽说是一个老生常谈的问题 ,也是大厂面试中绕不过的,甚至初级面试也会问到。但是真正要理解起来,还是相当困难,主要这个东西看不见,摸不着。 这是一个比较开放的题目,面试官主要想考察的是对Java内存模型的了解到了什么程度了,然后根据回答进行进一步的提问 下面,我们就这个问题的回答列一下我们的思路 具体的思路如下: 说一说Java内存模型的缘由 简略辨析...

和黑客斗争的 6 天!

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

Google 与微软的浏览器之争

浏览器再现“神仙打架”。整理 | 屠敏头图 | CSDN 下载自东方 IC出品 | CSDN(ID:CSDNnews)从 IE 到 Chrome,再从 Chrome 到 Edge,微软与...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

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

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

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

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

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

85后蒋凡:28岁实现财务自由、34岁成为阿里万亿电商帝国双掌门,他的人生底层逻辑是什么?...

蒋凡是何许人也? 2017年12月27日,在入职4年时间里,蒋凡开挂般坐上了淘宝总裁位置。 为此,时任阿里CEO张勇在任命书中力赞: 蒋凡加入阿里,始终保持创业者的冲劲,有敏锐的...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

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

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

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

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

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

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

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

离职半年了,老东家又发 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多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

立即提问
相关内容推荐