`
Maplemirror
  • 浏览: 30982 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js select下拉菜单自动触发

    博客分类:
  • js
阅读更多

function chuanHuoSelect(selObj){//船主、货主的选中
 var selectd = selObj.options[selObj.selectedIndex].value;
 if(selectd=='0'){
  alert("选中了船主");
 }
 else if(selectd=='1'){
  alert("选中了货主");
 }
 else{
  alert("船主货主的选择出错");
 }
}

 

<select style="width: 50px;" name="chuanHuo" onChange="chuanHuoSelect(this)">
          <option value="0">
           船主
          </option>
          <option value="1">
           货主
          </option>
         </select>

 

分享到:
评论

相关推荐

    JS模拟select下拉菜单

    然而,有时为了实现更复杂的功能或者更好的视觉效果,开发者可能会选择使用JavaScript来模拟`&lt;select&gt;`下拉菜单。这种方法可以提供更多的自定义选项,如动画效果、多级下拉、异步加载等。 ### 1. 常规HTML `&lt;select...

    js模拟点击select下拉菜单列表代码

    在网页开发中,JavaScript(简称JS)是一种必不可少...通过这样的技术,我们可以实现自定义的交互效果,比如自动展示下拉菜单、限制用户的选择等。在实际开发中,结合CSS和jQuery等库,可以创造出更多丰富的用户体验。

    仿select 菜单,JS下拉菜单

    本文将深入探讨“仿select 菜单”这一话题,它是一种使用JavaScript实现的下拉菜单,旨在替代原生的HTML选择器,以提供更美观且可定制的界面。 首先,原生的HTML `&lt;select&gt;` 元素虽然功能齐全,但在样式定制方面...

    这是一款使用html5svg和css3制作的炫酷select下拉菜单美化效果

    在这个项目中,我们看到的是如何利用这两者以及JavaScript来实现一个炫酷的Select下拉菜单美化效果。让我们深入探讨一下这些技术及其在创建这种效果时的应用。 首先,HTML5的`&lt;select&gt;`元素是网页表单中常见的组件...

    javascript html js 自定义多级联动下拉菜单,自定义select联动

    在JavaScript、HTML和JS的世界里,自定义多级联动下拉菜单是一种常见的交互设计,它通常用于提升用户体验,尤其是在处理复杂的数据层级结构时。本文将深入探讨如何利用这些技术实现自定义的select联动效果。 首先,...

    下拉菜单集合(二级、三级下拉菜单)

    下拉菜单主要由两部分构成:触发元素(通常是按钮或链接)和隐藏的选项列表。当用户点击或悬停在触发元素上时,隐藏的选项列表会滑动显示出来。这种效果可以通过HTML、CSS和JavaScript来实现,其中HTML定义菜单结构...

    SELECT下拉菜单美化

    总之,"SELECT下拉菜单美化"是一个关于如何利用CSS和JavaScript提升网页交互元素视觉效果的实践案例,它不仅让网站看起来更专业,也使用户在操作过程中获得更好的体验。通过深入研究和实践,你可以进一步提升自己的...

    vue实现带过渡效果的下拉菜单功能

    在本文中,将详细介绍如何使用Vue.js框架来实现一个带有过渡动画效果的下拉菜单功能。这个功能不仅适用于Web端,还包括对移动端的适配,并且还包含了一些额外的交互效果,比如点击下拉菜单之外的区域隐藏下拉菜单。 ...

    javascript四级级联下拉菜单

    JavaScript四级级联下拉菜单是一种常见的网页交互设计,它允许用户在多个下拉菜单中进行选择,逐级筛选出最终的选项。这种设计通常用于表示层次结构的数据,如国家、省份、城市和区域等地理信息,也可以应用于其他...

    js 下拉菜单 特效

    1. **事件监听**:使用JS可以监听下拉菜单的`change`事件,当用户选择新的选项时触发相应操作。例如: ```javascript document.getElementById('myDropdown').addEventListener('change', function() { console....

    JS实现下拉菜单

    在这个例子中,`&lt;button&gt;`元素是触发下拉菜单显示和隐藏的元素,而`&lt;div class="dropdown-content"&gt;`包含了下拉菜单的实际内容。 接下来,我们用JavaScript来添加交互性。我们可以监听`click`事件,当用户点击按钮...

    几十种JS下拉菜单打包

    有很多现成的下拉菜单插件,如"select2"和"dropdown.js",它们提供了丰富的自定义选项和动画效果。 3. **Bootstrap下拉菜单**:Bootstrap是流行的前端框架,其内置的下拉菜单组件易于使用且响应式良好。通过添加...

    JavaScript制作下拉菜单

    JavaScript制作下拉菜单是网页开发中的常见技巧,它能让用户在有限的空间内访问更多的功能选项,提高用户体验。本文将详细讲解如何使用JavaScript实现一个基本的下拉菜单。 首先,我们需要理解下拉菜单的基本结构。...

    Javascript实现的日期下拉菜单

    当我们谈论“Javascript实现的日期下拉菜单”时,我们通常是指利用JavaScript来创建一个用户可以选择特定日期的界面元素,这种交互方式常见于表单提交或者事件预订等场景。下面将详细介绍如何使用JavaScript来实现...

    HTML Select 下拉菜单功能扩展

    然而,通过扩展和利用JavaScript库,我们可以极大地增强`&lt;select&gt;`下拉菜单的功能,使其更加交互化、动态化和可定制化。本篇文章将探讨如何利用JavaScript和相关工具来扩展HTML的下拉菜单功能。 首先,了解基础的`...

    select下拉带模糊搜索功能

    在网页开发中,"select下拉带模糊搜索功能"是一个常见的需求,特别是在用户需要从大量选项中快速选择某一特定项时。这个功能提高了用户体验,使查找和选择变得更加便捷。本项目通过HTML、JavaScript(可能包括jQuery...

    模拟select点击显示下拉菜单.zip

    这个技术主要依赖于JavaScript(JS)和CSS3来实现,而“模拟select点击显示下拉菜单.zip”文件中的示例正是这样一个实践案例。 首先,我们来探讨CSS3的作用。CSS3是层叠样式表的最新版本,它引入了许多新的特性和...

    JS+HTML联动下拉菜单

    总之,JS+HTML联动下拉菜单利用JavaScript的动态特性与HTML的结构化元素相结合,为网页提供了一种灵活的交互方式。通过监听事件、动态修改DOM(文档对象模型)以及处理不同选项的响应,我们可以创建出满足各种需求的...

    Select2实现全国省市区三级联动下拉菜单

    当一个下拉菜单的选择发生变化时,会触发事件,更新下一个级别的下拉菜单。 ```javascript $(document).ready(function() { // 初始化省份下拉 $("#province").select2({ placeholder: "请选择省份", ajax: { ...

    携程的下拉菜单支持过程js

    在这个场景中,"携程的下拉菜单支持过程js"指的是携程旅行网如何利用JavaScript来实现其网页上的下拉菜单功能。 首先,我们需要理解下拉菜单的基本结构。通常,一个下拉菜单由HTML的`&lt;select&gt;`标签或者自定义的HTML...

Global site tag (gtag.js) - Google Analytics