Select the drop-down list to practice shopping address - Code World

Select the drop-down list to practice shopping address

Others 2019-11-02 00:59:15 views: null

<!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>

Guess you like

Origin www.cnblogs.com/xieshilin/p/11780261.html

Select the drop-down list to practice shopping address

jQuery generate select drop-down list

React-select drop-down list

[Practice] json array, and the json object array cycle shown in the drop-down box to select the page, ul list, table, etc.

Uipath Select page drop-down list of options

Gets the value select drop-down list box

css modify the default style drop-down list select the

MUI Select the drop-down list style optimization

Bootstrap drop-down list multi-select component value

Jquery dynamic action drop-down list (s:select)

The drop-down list function gets the data and adds it to the select table

The drop-down list function gets the data and adds it to the select table

Drop-down list multiple selection: bootstrap-select.js control, support drop-down multiple selection search, N styles

iview multi-select drop-down list of options echo problem

Js make use of the drop-down list to select the date (ie the date picker)

jsp drop-down list

Android drop-down list

The object into an array, drop-down select and apply

Select drop-down box imitation

Click the button to select the drop-down box

thymeleaf drop-down box to select Echo

Layui: select the drop-down box Echo

Select2 drop-down box

Beautification of Select drop-down selection box

drop-down box select uncheck question

Select box drop-down pagination

01_ practice --- drop-down menu

Their own package to a drop-down list

jq drop-down list and move around

Operation of selenium in the drop-down list

Recommended

Rushing to the GitHub hot list——How can open source programming languages and frameworks be so cute?

Beijing Humanoid Robot Innovation Center launches Tiangong, the world's first full-size humanoid robot with purely electric drive for anthropomorphic running

Ranking

8个无需编写代码即可使用 Python 内置库的方法

Java collections interview knowledge Lite

Machine learning algorithms foundation - Introduction a (watermelon materials for the book)

(Easy) Ransom Note - LeetCode

[Five days] Qt from entry to actual combat: the second day

Remember once extremely pit father can not download Maven Jar package of issues: IDEA question

The minimum cost Shortest

OSPF study map (the most complete version)

Network Takeaways

GnuPG

Daily

More

2024-04-27(29)

2024-04-26(22)

2024-04-25(32)

2024-04-24(30)

2024-04-23(30)

2024-04-22(5)

2024-04-21(0)

2024-04-20(6)

2024-04-19(5)

2024-04-18(0)