省市县三级菜单联动选择器

public class MainActivity extends Activity {
private Spinner provinceSpinner = null; // 省级(省、直辖市)
private Spinner citySpinner = null; // 地级市
private Spinner countySpinner = null; // 县级(区、县、县级市)
ArrayAdapter<String> provinceAdapter = null; // 省级适配器
ArrayAdapter<String> cityAdapter = null; // 地级适配器
ArrayAdapter<String> countyAdapter = null; // 县级适配器
static int provincePosition = 3;
// 省级选项值
private String[] province = new String[] { "北京", "上海", "天津", "广东" };// ,"重庆","黑龙江","江苏","山东","浙江","香港","澳门"};
// 地级选项值
private String[][] city = new String[][] {
{ "东城区", "西城区", "崇文区", "宣武区", "朝阳区", "海淀区", "丰台区", "石景山区", "门头沟区",
"房山区", "通州区", "顺义区", "大兴区", "昌平区", "平谷区", "怀柔区", "密云县",
"延庆县" },
{ "长宁区", "静安区", "普陀区", "闸北区", "虹口区" },
{ "和平区", "河东区", "河西区", "南开区", "河北区", "红桥区", "塘沽区", "汉沽区", "大港区",
"东丽区" }, { "广州", "深圳", "韶关" // ,"珠海","汕头","佛山","湛江","肇庆","江门","茂名","惠州","梅州",
// "汕尾","河源","阳江","清远","东莞","中山","潮州","揭阳","云浮"
} };


// 县级选项值
private String[][][] county = new String[][][] { { // 北京
{ "无" }, { "无" }, { "无" }, { "无" }, { "无" }, { "无" }, { "无" },
{ "无" }, { "无" }, { "无" }, { "无" }, { "无" }, { "无" },
{ "无" }, { "无" }, { "无" }, { "无" }, { "无" } }, { // 上海
{ "无" }, { "无" }, { "无" }, { "无" }, { "无" } }, { // 天津
{ "无" }, { "无" }, { "无" }, { "无" }, { "无" }, { "无" }, { "无" },
{ "无" }, { "无" }, { "无" } }, { // 广东
{ "海珠区", "荔湾区", "越秀区", "白云区", "萝岗区", "天河区", "黄埔区", "花都区",
"从化市", "增城市", "番禺区", "南沙区" }, // 广州
{ "宝安区", "福田区", "龙岗区", "罗湖区", "南山区", "盐田区" }, // 深圳
{ "武江区", "浈江区", "曲江区", "乐昌市", "南雄市", "始兴县", "仁化县", "翁源县",
"新丰县", "乳源县" } // 韶关
} };


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
setSpinner();
}



/*
* 设置下拉框
*/
private void setSpinner() {
provinceSpinner = (Spinner) findViewById(R.id.spin_province);
citySpinner = (Spinner) findViewById(R.id.spin_city);
countySpinner = (Spinner) findViewById(R.id.spin_county);


// 绑定适配器和值
provinceAdapter = new ArrayAdapter<String>(MainActivity.this,
android.R.layout.simple_spinner_item, province);
provinceSpinner.setAdapter(provinceAdapter);
provinceSpinner.setSelection(3, true); // 设置默认选中项,此处为默认选中第4个值


cityAdapter = new ArrayAdapter<String>(MainActivity.this,
android.R.layout.simple_spinner_item, city[3]);
citySpinner.setAdapter(cityAdapter);
citySpinner.setSelection(0, true); // 默认选中第0个


countyAdapter = new ArrayAdapter<String>(MainActivity.this,
android.R.layout.simple_spinner_item, county[3][0]);
countySpinner.setAdapter(countyAdapter);
countySpinner.setSelection(0, true);


// 省级下拉框监听
provinceSpinner
.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {


// 表示选项被改变的时候触发此方法,主要实现办法:动态改变地级适配器的绑定值
@Override
public void onItemSelected(AdapterView<?> arg0, View arg1,
int position, long arg3) {
// position为当前省级选中的值的序号


// 将地级适配器的值改变为city[position]中的值
cityAdapter = new ArrayAdapter<String>(
MainActivity.this,
android.R.layout.simple_spinner_item,
city[position]);
// 设置二级下拉列表的选项内容适配器
citySpinner.setAdapter(cityAdapter);
provincePosition = position; // 记录当前省级序号,留给下面修改县级适配器时用
}


@Override
public void onNothingSelected(AdapterView<?> arg0) {


}


});


// 地级下拉监听
citySpinner
.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {


@Override
public void onItemSelected(AdapterView<?> arg0, View arg1,
int position, long arg3) {
countyAdapter = new ArrayAdapter<String>(
MainActivity.this,
android.R.layout.simple_spinner_item,
county[provincePosition][position]);
countySpinner.setAdapter(countyAdapter);
}


@Override
public void onNothingSelected(AdapterView<?> arg0) {


}
});
}


// 要获取下拉框spinner中选中的值,用下面这方法就OK  
// provinceSpinner.getSelectedItem().toString();  
// citySpinner.getSelectedItem().toString();  
// countySpinner.getSelectedItem().toString();

}


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="8dp" >
    <Spinner
        android:id="@+id/spin_province"
        android:layout_width="80dp"
        android:layout_height="wrap_content" />
 
    <Spinner
        android:id="@+id/spin_city"
        android:layout_width="112dp"
        android:layout_height="wrap_content" />
 
    <Spinner
        android:id="@+id/spin_county"
        android:layout_width="100dp"
        android:layout_height="wrap_content" />
</LinearLayout>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js是一个流行的JavaScript框架,用于构建用户界面。要实现省市三级联动选择器,你可以使用Vue.js结合一些插件或组件来实现。 下面是一种常见的实现方法: 1. 安装所需的插件或组件: - vue-select:用于选择省、市和的下拉菜单。 - axios:用于发送HTTP请求,获取省市数据。 2. 创建一个Vue组件: ```html <template> <div> <select v-model="selectedProvince" @change="getCities"> <option value="">请选择省份</option> <option v-for="province in provinces" :key="province.id" :value="province.id">{{ province.name }}</option> </select> <select v-model="selectedCity" @change="getCounties"> <option value="">请选择城市</option> <option v-for="city in cities" :key="city.id" :value="city.id">{{ city.name }}</option> </select> <select v-model="selectedCounty"> <option value="">请选择/区</option> <option v-for="county in counties" :key="county.id" :value="county.id">{{ county.name }}</option> </select> </div> </template> <script> import axios from 'axios'; export default { data() { return { selectedProvince: '', selectedCity: '', selectedCounty: '', provinces: [], cities: [], counties: [], }; }, mounted() { this.getProvinces(); }, methods: { getProvinces() { axios.get('/api/provinces') .then(response => { this.provinces = response.data; }) .catch(error => { console.error(error); }); }, getCities() { axios.get(`/api/cities?provinceId=${this.selectedProvince}`) .then(response => { this.cities = response.data; this.selectedCity = ''; this.counties = []; }) .catch(error => { console.error(error); }); }, getCounties() { axios.get(`/api/counties?cityId=${this.selectedCity}`) .then(response => { this.counties = response.data; this.selectedCounty = ''; }) .catch(error => { console.error(error); }); }, }, }; </script> ``` 3. 根据实际情况修改接口地址和数据结构。 这是一个简单的示例,你可以根据自己的需求进行修改和扩展。同时,你还需要在后端实现相应的接口来获取省市数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值