class="tab-back" id="city-tab">屏蔽城市</span>
2、新增表格:
<table width="100%" id="city-table" style="display:none" align="center">
<tr>
<td class="label" >屏蔽城市</td>
<td>
<div class="select-citys">
<div class="readycitys">
<select multiple class="select-box" style="height:200px;" name="province" id="selProvinces" οnchange="region.changed(this, 2, 'selCities')">
{foreach from=$province item=reg}
<option value="{$reg.region_id}">{$reg.region_name}</option>
{/foreach}
</select>
<select multiple class="select-box" style="height:200px;" name="city" id="selCities">
</select>
</div>
<div class="operatecitys">
<input type="button" name="addcity" value=">>" οnclick="addCitys()"/>
<br/>
<input type="button" name="cutcity" value="<<" οnclick="cutCitys()"/>
</div>
<div class="shieldcitys">
<select multiple class="select-box" style="height:200px;" name="shieldcitys[]" id="shieldcitys">
</select>
</div>
</div>
</td>
</tr>
</table>
3、添加城市和删除城市js
function addCitys()
{
//先看selcitys是否为空,selcitys为空则添加省
var selectCity = document.getElementById("selCities");
var selectCityIndex = selectCity.selectedIndex;
var selectCityText = "";
if(selectCityIndex<=0 || selectCityIndex=="")
{
var selectProvince = document.getElementById("selProvinces");
var selectProvinceIndex = selectProvince.selectedIndex;
if(selectProvinceIndex>0)
{
selectCityText = selectProvince.options[selectProvinceIndex].text;
}
}else{
selectCityText = selectCity.options[selectCityIndex].text;
}
//选择的城市不为空则添加到被屏蔽城市列表
if(selectCityText != "")
{
var shieldcitys = document.getElementById("shieldcitys");
var shieldcitysLength = shieldcitys.length;
var haveSameValue = false;//已屏蔽列表是否存在改城市
if( shieldcitysLength <= 0 )
{
haveSameValue = false;
}else
{
for(i=0;i<shieldcitys.length;i++)
{
if(shieldcitys.options[i].value == selectCityText)
{
haveSameValue = true;
}
}
}
if(haveSameValue)
{
alert("已存在此项");
}else
{
shieldcitys.options.add(new Option(selectCityText,selectCityText));
shieldcitys.options[shieldcitysLength].selected='selected';
}
//console.log(selectCityText);
}else{
return false;
}
//console.log(selectCityText);
}
function cutCitys()
{
var shieldCutcitys = document.getElementById("shieldcitys");
var shieldCutCitysLength = shieldCutcitys.length;
if(shieldCutCitysLength<0)
{
alert("列表还没有内容");
}else
{
var shieldCutCitysIndex = shieldCutcitys.selectedIndex;
if(shieldCutCitysIndex<0)
{
alert("请选择删除项");
}else
{
shieldCutcitys.options.remove(shieldCutCitysIndex);
}
}
}
4、后台写入数据
在goods.php找到insert、update
if ($is_insert){
//这里插入数据
}else{
//这里修改数据
}