购物地址选择下拉列表练习

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload = function(){
            var citySelect = document.getElementById("city");
            citySelect.innerHTML = "<option value=cd>成都</option><option value=my>绵阳</option><option value=ls>乐山</option>";
        }

        function changeCity(obj){
            var citySelect = document.getElementById("city");
            if(obj.value == "sc"){
                citySelect.innerHTML = "<option value=cd>成都</option><option value=my>绵阳</option><option value=ls>乐山</option>";
            } else if(obj.value == "gz"){
                citySelect.innerHTML = "<option value=gy>贵阳</option><option value=zy>遵义</option><option value=cs>赤水</option>";
            } else if(obj.value == "yn"){
                citySelect.innerHTML = "<option value=km>昆明</option><option value=dl>大理</option><option value=tc>腾冲</option>";
            }
        }
    </script>
</head>
<body>
省：<select id="province" onchange="changeCity(this)">
    <option value="sc">四川</option>
    <option value="gz">贵州</option>
    <option value="yn">云南</option>
</select>
市：<select id="city">
</select>
</body>
</html>

原文地址：https://www.cnblogs.com/xieshilin/p/11780261.html

时间： 2024-10-27 12:55:20

购物地址选择下拉列表练习的相关文章

webdriver 选择下拉列表的操作

欢迎光临娇娇家的美衣阁 http://shop105984718.taobao.com/ 标准的下拉列表为select类型封装方法 public void select(String xpath, String value){ Select s = new Select(driver.findElement(By.xpath(xpath))); s.selectByValue(value); } 操作页面如下所示 select("//select[@id='parkind_add_s

小程序公共组件之地址选择五级联动

1  2 <view class="area-select-bg" wx:if="{{isShow}}"> 3 <view class="area-select-box"> 4 <view class="area-select-title"> 5 <view catchtap='_

mint-ui 的地址选择外部套了vant ui的弹出popup

<template> <div class="edit-address"> <van-cell-group> <van-field v-model="receiver" clearable label="收货人" placeholder="请填写联系人姓名" @click-right-icon="$toast('question')"/> <van-fi

vue仿淘宝地址选择组件

Vue组件:省市区地址选择组件 <template> <div v-show="addressSelectShow" :style="{'left': leftValue + 'px', 'top': topValue + 'px' }" class="content"> <ul class="area-select"> <li v-for="(item, index) in

LArea 微信端地址选择

最近做到一个项目,微信端的商城需要地址选择功能在百度上看了,采用LArea.js....下载实例,在移动端模拟器上运行是比较好的, 在微信上模拟后出现很多问题, 1,出现undefined 都定义正确,但是选择器中显示的是undefined,,,这个,是数据不对的原因,数据没找到,直接上代码, var area2 = new LArea(); area2.init({ 'trigger': '#demo2', 'valueTo': '#city', 'keys': { id: 'value',

地址选择(省、市、县)

在开发app时,很多时候会用到选择地址在这里实现一个demo,用于选择省.市.县直接上传压缩包源码

四级地址插件升级改造（京东商城地址选择插件）city-picker

最近公司做的项目要和京东的数据做对接,所以要做个类似京东商品的详情页.页面的数据,是可以从京东接口获取到的,但是地址插件选择的效果需要自己实现.前端的同事在之前的项目中,已经选择了一款地址插件(city-picker.js),但是这款插件最多只支持三级地址,而且最主要的是这插件的地址数据来源,是写死在一个json文件中的,意思就是说,在使用这个插件的时候页面要一次性的把所有的地址数据都加载出来,这在pc端一般倒还可以承受,但是到了,移动端,随便一个手机就会卡死,浏览器直接崩溃. 经过在网上的各种

选择下拉列表最大索引值 Select From List By Max Index

Select是网页表单中较为常见的元素,在Selenium2Library 中也有相应关键字可以操作,比如: (1)通过指定索引选择 Name: Select From List By Index Arguments: [ locator | *indexes ] Selects `*indexes` from list identified by `locator` (2)通过指定文本选择 Name: Select From List By Label Arguments:

iOS 仿淘宝加入购物车前选择尺寸,规格弹窗的向内凹陷折叠动画效果和标签流布局

项目中做了一套电商的购物流程,很多都是照着淘宝做的,之前一直疑惑淘宝的弹框时,底部的控制器向内凹陷是什么鬼,这动画有点理解不了,一直就放着没有做,这周末突然在github上看到一个老外写的库,真的有点强啊,我这里简单写了个Demo给大家分析下,然后再用这个牛B的库集成下展示最终成果老规矩,看图说话,一个是自己写的Demo,一个是通过库展示给大家在介绍库之前先自己写个Demo捋一捋思路第一个View:根部控制器,我们设置为黑色第二个View:根部VC上面加载另一个用来做动画