• Dynamic addition of select box (elementUI framework)


    <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title> Demonstration dynamic addition of select box (elementUI framework)</title> <script></script> <script></script> <style type=”text/css”> @import url(“//unpkg.com/[email protected]/lib/theme-chalk/index.css”); </style> </head> <body> <div id=”app”> <! – Select with multiple choices <el-select v-model= “value5” multiple placeholder= “please choose”> <el-option v-for=”item in options” :key=”item.value” :label=”item.label” :value=”item.value”> </el-option> </el-select> <! – Select with Clearance <el-select v-model= […]

  • Using CSS to disable input, checkbox, select and other HTML controls to achieve disable effect


    Event with JS can be used to block default events of input, select, checkbox, such as event.preventDefault() event.stopPropagation() In fact, it can also be implemented with pure CSS, such as input { pointer-events: none; } Then use CSS to gray input, 50% transparency can achieve the disabled effect. input.disabled { pointer-events: none; opacity: 0.5; } […]

  • Simple understanding of MySQL SELECT execution sequence


    The complete syntax of the SELECT statement is: (7) SELECT (8) DISTINCT <select_list> (1) FROM <left_table> (3) <join_type> JOIN <right_table> (2) ON <join_condition> (4) WHERE <where_condition> (5) GROUP BY <group_by_list> (6) HAVING <having_condition> (9) ORDER BY <order_by_condition> (10) LIMIT <limit_number> Note: The sequence before the grammar is SELECT execution order. MySQL SELECT execution sequence is […]

  • Ajax realizes three-level linkage effect of select


    In this paper, Ajax technology is used to obtain data from the database and dynamically realize three-level linkage of select. The results are as follows: The front-end JS code is as follows: <script type=”text/javascript” src=”jquery/jquery-1.9.1.min.js”></script> <script type=”text/javascript”> $(document).ready(function(){ $.ajax({ type:”get”, dataType:”text”, url:”GetItemAction?itemlevel=1″, success:function(data){ // Converting JSON strings to JSON objects var objJSON=eval(“(“+data+”)”); var len=objJSON.itemInfo.length; var […]

  • Ajax gets an instance of PHP returning JSON data to dynamically generate select drop-down box


    Function: According to the choice of different levels, the corresponding classified majors are dynamically generated in the professional drop-down box. HTML: < label > hierarchy </label > <select name=”level”> <option value=”1″>undergraduate </option> <option value=”2″>higher vocational (specialty)</option> </select> < label > major </label > <select name=”major”> <option value=””>–</option> </select> JQuery: $(“#level”).click(function(){ $.ajax({ type:”POST”, url:”{:U(‘Target/queryMajor’)}”, dataType: “json”, […]

  • Ng-options track by thinking


    Problem description Explained to Chen Jie yesterdayselectTime is also studied.ng-optionsMediumtrack by。 I never understood why I didn’t add it before.track byNo. Analysis The following codes are in theplunkerIn, online code Demonstration – plunker track byAccording to…Tracking is what identifies an object. Trim White Space <!doctype html> <html> <head> <link rel=”stylesheet” href=”lib/style.css”> <script></script> </head> <body ng-app=”plunker” […]

  • What is XSL?


    Related article: What is XMLXSL (EXtensible Stylesheet Language) is an extensible style sheet language. XSL is to XML what CSS is to HTML. To put it plainly is to output the data in XML in the specified display format. Unlike HTML, XML does not contain any information in the display format. XSL contains two parts:XSLT […]