国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery UI插件實(shí)現(xiàn)百度提詞器效果

2019-11-19 18:54:13
字體:
供稿:網(wǎng)友

本文實(shí)例為大家分享了jQuery自動(dòng)文字提示功能,供大家參考,具體內(nèi)容如下

需要在項(xiàng)目中實(shí)現(xiàn)動(dòng)態(tài)添加,刪除輸入框,每個(gè)框里面都要有文字提示。
js部分:

//自動(dòng)完提示   function tip(obj) {     $( obj ).autocomplete({         minLength: 0,         source: function (request, response) {           //alert('dsada');           var title = $('#test1').val();           $.ajax({             url: "HotList.php?act=title",             type: 'get',             dataType: "json",             data: request,             success: function (dataObj) {               // request對(duì)象只有一個(gè)term屬性,對(duì)應(yīng)用戶輸入的文本               // response是一個(gè)函數(shù),在你自行處理并獲取數(shù)據(jù)后,將JSON數(shù)據(jù)交給該函數(shù)處理,以便于autocomplete根據(jù)數(shù)據(jù)顯示列表                // 自行處理并獲取數(shù)據(jù)...               //var dataObj = data; // 表示處理后的JSON數(shù)據(jù)               response(dataObj); // 最后將數(shù)據(jù)交給autocomplete去展示             },             error: function (XMLHttpRequest, textStatus, errorThrown) {               //alert('獲取信息失敗');               //alert(XMLHttpRequest.status);               //alert(XMLHttpRequest.readyState);               //alert(textStatus);             }           });         },         focus: function( event, ui ) {           $( obj ).val( ui.item.title );           return false;         },         select: function( event, ui ) {           //$( "#project" ).val( ui.item.title );           //$( "#project-id" ).val( ui.item.id );           $(obj).val( ui.item.title );           $(obj).prev().val( ui.item.id );           return false;         }       })       .data( "ui-autocomplete" )._renderItem = function( ul, item ) {       return $( "<li>" )         .append( "<a>" + item.id + "<br>" + item.title + "</a>" )         .appendTo( ul );     };   } 

html:

<div class="control-group">  <label class="control-label">*相關(guān)推薦</label>    <div class="controls">      <?php foreach($listOne['recommend_title'] as $k => $v) { ?>    <div>     <input type="hidden" name="tuijian_id[]" value="<?php echo $listOne['title_id'][$k]; ?>" />     <input type="text" name="tuijian[]" class="show_goods" onkeyup="tip(this)" value="<?php echo $v;?>"/> <span class="btn" onclick="del(this);">刪除</span>     </div>     <? } ?>     <p id="project-description"></p>     <span class="btn" id="add" onclick="add(this);">添加</span>     <script>      //添加推薦節(jié)點(diǎn)         function add(obj) {          var str = "<div><input type='hidden' name='tuijian_id[]' /><input type='text' class='show_goods' name='tuijian[]' onkeyup='tip(this)'/> <span class='btn' onclick='del(this);'>刪除</span></div>";              $(obj).before(str);          }         //刪除當(dāng)前推薦節(jié)點(diǎn)          function del(obj) {          if($(".show_goods").length <= 3 ) {          alert('最少需要三個(gè)推薦標(biāo)題');          return false;          } else {          $(obj).parent().remove();          $(obj).prev().prev().remove();          $(obj).prev().remove();          $(obj).remove();           }         }     </script>  </div> </div> 

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 鹤峰县| 汤原县| 阳信县| 砚山县| 丰顺县| 高邑县| 尖扎县| 峨眉山市| 丰县| 丘北县| 关岭| 临沭县| 蓝山县| 独山县| 乌恰县| 乡城县| 仁布县| 铁岭县| 泽库县| 南昌市| 绥阳县| 营口市| 普宁市| 定州市| 淮安市| 大港区| 泰宁县| 南江县| 延川县| 阿拉善左旗| 晋中市| 酉阳| 双流县| 武宁县| 大石桥市| 迁安市| 卓资县| 封丘县| 玛多县| 安溪县| 周口市|