選擇城市 行業彈窗功能模組

2021-07-29 14:42:59 字數 2834 閱讀 2904

首先是乙個選擇行業城市的選擇框

class="com-put">

class="iconfont img">

"off"

id="check_industry" type="text" value=""

name="industry" required="" readonly="" placeholder="請選擇企業行業" aria-required="true">

功能介紹:可以點開彈框,選擇城市/行業,選中後彈窗消失,並且給輸入框中賦值,並且傳回後台乙個data資料,再次開啟可以看到當前選中的是哪乙個,並且有顏色標識和可取消功能,彈窗首屏出來的都是熱門城市/行業,所以還有搜尋框,功能類似

見圖:

/*彈窗內容*/

.select_content_search

#check_content

#check_content

.select_content_search

i#check_content

.select_content_search

input

.select_content_search

div.show_content_list

li.show_content_list

lidiv,.show_content_checked

div.show_content_checked

div.show_content_list

li.checkbtn

.select_content_search

#citysearch-error

.show_content_checked

divspan

js:

cityindestryselect('city');

cityindestryselect('industry');

function

cityindestryselect

(name) }}

})if(name=='city')else

var checkedboolean=true;

var ccc =false;

var $checklist='';

var $search_input=$(".select_content_search input");

function

alerts

() }

window.onresize = function

() }

$("#check_"+name).click(function

() else

$("#alerts>.alertst>span").text("選擇所在"+data_chinese);

$search_input.attr();

$(".show_content_selectt").text('熱門'+data_chinese)

$search_input.val('');

$(".show_content_list").html(data_str);

$(".btnwrap").html('確認' +

'取消').hide();

$(".show_content_list li div").each(function

() })

alerts();

$(".searchbtn").click(function

() }

if($.trim(searchval)!=='')

})$(document).on("click",".show_content_list li ."+name+"_list",function

() ccc=true;

$(this).addclass("checkbtn");

selectnum1=val

$(".show_content_checked").html('+name+'_close">'+val+'×

'); checkedboolean=false;

$checklist=$(this);

}$("#szhezhao").hide();

$("#check_"+name).val(val).attr('data-'+name,$(this).attr('data-'+name));

})checkedboolean=true;

$(document).on("click",".show_content_checked ."+name+"_close",function

() )

});}

ios選擇城市

在ios開發當中,選擇城市是很常用的,一般都是根據城市的拼音首字母進行分組,然後用分組的uitableview展現出來,實現的效果如下 我是使用了兩個plist檔案儲存城市的,乙個是儲存所有的城市,另外乙個是儲存熱門城市 儲存所有的城市的city.plist,只是訪問城市的中文名稱而已,之後用乙個第...

ios選擇城市

在ios開發當中,選擇城市是很常用的,一般都是根據城市的拼音首字母進行分組,然後用分組的uitableview展現出來,實現的效果如下 我是使用了兩個plist檔案儲存城市的,乙個是儲存所有的城市,另外乙個是儲存熱門城市 儲存所有的城市的city.plist,只是訪問城市的中文名稱而已,之後用乙個第...

bootstrap sql 城市選擇

送你一場完美體驗的sql實戰練習。讓小白入坑資料分析,但不提供學習環境,說明態度不端正,傳授體驗也不好 所以,我提供這些,先給自己點讚乙個。實戰步驟,說白話一點,分4步完成實戰練習。環境是免費的,就是自己阿里雲部署的乙個開源bi工具superset學習 但你需要申請許可權。申請方式 進入sql la...