根據位址處理表單 省 市 區 資料的回顯

2021-09-13 12:01:04 字數 2381 閱讀 2535

我要處理的問題是，從請求中獲取到的obj.data.address資料依次回顯到三個分別代表省、市、區 的select標籤中。但是我obj.data.address只有類似這樣的資料 ("廣東省珠海市香洲區xx街道xx號")，我要怎麼根據這個位址資料來修改這三個select的顯示的呢？

思路：使用用字串的startswith方法

eg:'廣東省珠海市香洲區xx街道xx號'.startswith('廣東省')返回true,省份select的值被確定,然後將「廣東省」從位址中刪除掉address.replace('廣東省', '').

'珠海市香洲區xx街道xx號'.startswith('珠海市')返回true,市區select的值被確定，同樣在address中刪掉已匹配到的結果.

'香洲區xx街道xx號'.startswith('香洲區')返回true,市區select的值被確定，同樣在address中刪掉已匹配到的結果.

現在address中只剩下***街道***號，自然就是街道資訊了，將它放在表示街道的表單域中.

// address


let address = obj.data.address;


/* -- 省份 -- */


var provicenodelist = document.queryselectorall('#province option')


let province = array.from(provicenodelist).filter(ele => )[0];


$('#province').val(province = (province==undefined ? '' : province.value)).change();


address = address.replace(province, '');


+ '替換後', address)


/* -- 市區 -- */


var citynodelist = document.queryselectorall('#city option')


let city = array.from(citynodelist).filter(ele => )[0];


$('#city').val(city = (city==undefined ? '' : city.value)).change();


address = address.replace(city, '');


+ '替換後', address)


/* -- 縣區 -- */


var countynodelist = document.queryselectorall('#county option')


let county = array.from(countynodelist).filter(ele => )[0];


$('#county').val(county = (county==undefined ? '' : county.value)).change();


address = address.replace(county, '');


+ '替換後', address)


/* 街道 */


$('#street').val(address)
上面的方式確實是能解決問題。雖然看起來清晰，處理（省、市、區）的**在哪一塊很分明，但看起來**上是有一些囉嗦了，而且滑鼠上下滾動，這手也是挺累的哈。所以用下面這個版本避免**重複的問題。測試之後功能沒丟，心裡極舒服。

但是萬一後面出現問題，覺得要除錯這段**也是麻煩呢..

// address


let address = obj.data.address;


['province', 'city', 'county'].map(el => )[0];


$('#' + el).val(option = (option==undefined ? '' : option.value)).change();


address = address.replace(option, '');


})// 街道


$('#street').val(address)
最後，8月份.您好！兵哥哥們辛苦了，因為你們，祖國才越來越強大。

Flask WTF處理表單

encoding utf 8 from flask import flask from flask import flash from flask import url for from flask import render template from flask wtf.csrf import ...

Serlvet處理表單資料

1.用servlet處理驗證 doget 提交，dopost 驗證。或者通過頁面提交，用get 或者post 方法處理。2.form 3.request.getparameter 可提取表單中的資料。4.輸入過濾 1 編寫過濾方法 例如下面的方法 public string filterhtml s...

使用Flask WTF來處理表單

在flask中，為了處理web表單，一般使用flask wtf擴充套件，它封裝了wtfforms，並且有驗證表單資料的功能。可以使用flash訊息閃回把訊息傳給模板 from flask import flask,render template,request,flash cwtnice 目的，實現...