`
baobeituping
  • 浏览: 1068657 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

JS联动获取下拉框列表

JavaScriptHTML 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script language="javascript">
  function changeCity()
  {
     var provice = document.getElementById('privence');
  var index = provice.selectedIndex;
  var city = document.getElementById('city1');
  alert(index);
  if(index==1)
  {
    var hunan = new Option('湖南',hunan);
    city.options.add(hunan);

  }
  }
  </script>
 </HEAD>

 <BODY>
<form>
<table>
<tr>
<td>
<select name="privence" style="width:100px;" id="privence" onChange="changeCity()">
<option>请选择省份 </option>
<option value="shandong">山东 </option>
<option value="jiangxi">江西 </option>
</select>
</td>
<td>
<select name="city1" style="width:100px;" id="city1">

</select>
</td>
</tr>
</table>
</form>


 </BODY>
</HTML>

分享到：
| Squoia的后台管理
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    asp二级联动下拉框,三级联动下拉框

    2. **ASP后台处理**：在服务器端，如`asp二级联动下拉框.asp`文件中，你需要获取数据库中的相关数据，并根据一级下拉框的选择动态生成二级下拉框的选项。 3. **JavaScript或AJAX**：当一级下拉框的`onchange`事件...

    js2级省市联动下拉框

    总结来说，"js2级省市联动下拉框"的核心是使用JavaScript监听省份选择的变化，并据此动态更新城市选择。这涉及到HTML、CSS和JavaScript的基本知识，以及对DOM操作和事件处理的理解。通过合理的设计和优化，可以创建...

    javascript实现二级联动下拉框

    获取下拉框对象 要实现联动效果，首先需要获取页面上的两个下拉框对象。这里使用`document`对象的方法`getElementById`或者`querySelector`等方法来获取。 ```javascript var sltProvince = document.form1....

    Jquery各种插件和JQuery Ajax三级联动地区下拉框 & 非Ajax实现三级联动

    标题 "Jquery各种插件和JQuery Ajax三级联动地区下拉框 & 非Ajax实现三级联动" 提供了我们讨论的关键技术点：jQuery、jQuery插件、Ajax以及三级联动地区下拉框的实现。这篇博客（博文链接：...

    sharepoint二级联动的下拉框控件

    当用户在第一个下拉框（一级）中做出选择时，触发一个事件，该事件使用AJAX请求从服务器获取与所选值关联的数据，并填充第二个下拉框（二级）。 4. **Web部件**：为了在页面上展示这些联动下拉框，可以创建一个...

    基于layui开发的省市区三级联动下拉框.zip

    本项目"基于layui开发的省市区三级联动下拉框"是一个典型的前端组件开发实例，它利用layui和vue.js来实现地理信息的三级联动选择功能。 首先，我们来了解一下layui。layui是一款中国本土的开源前端框架，它提供了...

    简单的vue三级联动下拉框代码

    1. 异步加载数据：为了提高用户体验，可以采用懒加载策略，仅在需要时才从服务器获取下拉框的选项数据。 2. 自定义事件：使用自定义事件（`$emit`）通知父组件，使得组件间通信更灵活。 3. 处理边界情况：确保在数据...

    JS实现三级联动下拉框

    下面我们将详细探讨如何使用JavaScript实现三级联动下拉框。 首先，我们需要准备HTML结构。每个下拉框（`&lt;select&gt;`）都需要一个唯一的ID，以便于JavaScript获取和操作它们。例如： ```html &lt;select id="province"&gt;...

    下拉框联动实例 HTML

    这种功能通常应用于需要关联的两个或多个选择器，例如：在城市选择中，用户先选择省份，然后下拉框会自动更新为对应省份的城市列表。这种联动效果在HTML、CSS和JavaScript的配合下实现，下面我们将详细探讨相关的...

    mvc3二级联动下拉框

    在二级联动下拉框的场景中，模型可能包含两个列表，分别对应一级和二级的选项，这些数据可以通过数据库查询获取。 4. JavaScript和jQuery：为了实现联动效果，通常会在前端使用JavaScript或jQuery来监听一级下拉框...

    ssh2+extCombobox联动动态下拉框

    在联动下拉框的场景中，Action需要根据前端的选择，查询并返回相应的数据列表供下拉框填充。 2. **Spring Service**：Spring Service层负责处理业务逻辑，例如获取或更新数据库中的数据。在联动下拉框中，Service会...

    ajax+asp+acces实现联动无限级下拉框

    这个项目“ajax+asp+acces实现联动无限级下拉框”利用了AJAX（异步JavaScript和XML）、ASP（Active Server Pages）以及Access数据库来创建一个四级联动的下拉菜单系统。 首先，让我们了解一下每个技术的角色： 1. ...

    javascript实现下拉框二级联动

    在网页开发中，二级联动...总结来说，JavaScript实现二级联动下拉框的关键在于监听父级下拉框的改变事件，根据用户选择的数据动态更新子级下拉框的选项。通过合理的数据结构和异步处理，可以实现灵活且高效的联动效果。

    jquery动态创建联动下拉框

    联动下拉框通常指的是两个或多个下拉框之间存在关联关系，当用户在一个下拉框中选择一个选项时，另一个下拉框的内容会根据前者的选值进行更新。这种功能在诸如地区选择（国家-省份-城市）或者产品分类（大类-小类）...

    layui下拉框二级数据联动 fzzx.zip

    4. **异步请求**：当一级下拉框的值改变时，通过`layui.ajax`或者使用axios等库向服务器发送一个请求，获取对应省份的城市列表。这个请求通常是一个GET请求，URL中带有省份ID作为查询参数。 5. **动态更新数据**：...

    三级联动地区下拉框.zip

    - JavaScript是核心驱动力，可以使用原生的`&lt;select&gt;`元素的`onchange`事件或者第三方库（如jQuery、React或Vue.js）来监听用户的选择变化。 - 当用户在一级下拉框中选择一个值时，会触发一个函数，该函数会获取...

    无限联动下拉框js版

    综上所述，"无限联动下拉框js版"的实现涉及到HTML布局、JavaScript基本操作、数据结构设计、事件处理以及性能优化等多个方面。开发者需要理解这些概念，并能灵活运用到实际项目中，以创建出用户体验良好的级联选择...

    javascript实现二级联动下拉框.docx

    本文详细介绍了如何使用 JavaScript 实现二级联动下拉框，包括使用 `selectedIndex` 属性获取当前选中的选项的索引号，添加新的选项对象到下拉框中，并设置某个选项为选中状态。这些技术可以帮助我们更好地处理...

    四级联动下拉框

    - Vue.js/React.js/Angular.js：现代Web开发中，这些前端框架提供了更高效的数据绑定和组件化功能，可以方便地实现联动下拉框。 4. **数据结构**： - 数据通常以JSON格式存储，每个下拉框的选项是嵌套的，比如省-...

Magicbox
Global site tag (gtag.js) - Google Analytics