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

js 添加select option 和取值

阅读更多
function btnAdd_onclick()"
{
   var opt=new Option('New York','1');
   document.fm.citys.options[0]=opt;
}
<form id="fm" name="fm">
...
     <select name="citys" id="citys">



删除select中的某一项option: 
      document.getElementById("citys").options.remove(indx);  

删除select中的所有options: 
       document.getElementById("citys").options.length=0; 

添加select中的项option: 
       document.getElementById("citys").options.add(new Option(text,value));

取值:
function getvalue() 
    { 
         var obj = document.getElementById('citys');
         var m=obj.options[obj.selectedIndex].value 
         alert(m);//获取value 
         var n=obj.options[obj.selectedIndex].text 
         alert(n);//获取文本 
     } 

分享到:
评论

相关推荐

    Js操作Select大全(取值、设置选中等等)

    本文档将详细介绍如何利用原生JavaScript和jQuery来操作`&lt;select&gt;`元素,包括但不限于取值、设置选中状态等常见操作。 #### 二、基础知识回顾 在开始深入讲解之前,我们先回顾一下`&lt;select&gt;`的基本结构: ```html ...

    JQuery中对Select的option项的添加、删除、取值

    接下来,我们将讨论如何通过jQuery向`&lt;select&gt;`中添加和删除`&lt;option&gt;`项: ```javascript $("#select_id").append("&lt;option value='Value'&gt;Text&lt;/option&gt;"); // 在末尾添加选项 $("#select_id").prepend("&lt;option ...

    使用js对select动态添加和删除OPTION示例代码

    在这个场景中,我们关注的是如何使用JavaScript来动态地添加和删除`&lt;select&gt;`元素中的`&lt;option&gt;`选项。`&lt;select&gt;`元素通常用于创建下拉列表,而`&lt;option&gt;`则代表下拉列表中的可选项。 首先,让我们深入理解提供的...

    select-disabled-传值

    具体包括了如何通过JSP和JavaScript动态控制`select`元素的`disabled`属性,以及如何在表单提交前解除该属性以确保数据能够正确传递给服务器端。这种方法适用于多种应用场景,特别是在需要限制用户交互的同时保持...

    jquery中select多选框取值

    如果`&lt;select&gt;`标签添加了`multiple`属性,用户就可以选择多个选项。例如: ```html &lt;select id="mySelect" multiple&gt; &lt;option value="option1"&gt;Option 1&lt;/option&gt; &lt;option value="option2"&gt;Option 2&lt;/option&gt; ...

    js获取下拉列表框option中的value和text的值示例代码

    在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得&lt;option value=”value”&gt;ShowText&lt;/option&gt;中”ShowText”,我们该如何获取呢?...

    jquery操作select详解(取值,设置选中)

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对`&lt;select&gt;`元素的操作。本文将详细解析如何使用jQuery来获取和设置`&lt;select&gt;`元素的值,以及如何设置选中项。 1. **设置value为...

    vue+layui实现select动态加载后台数据的例子

    Vue.js是一个轻量级的前端JavaScript框架,以数据驱动和组件化著称,非常适合构建单页面应用(SPA)。它允许开发者通过组件化的方式构建页面,每一个Vue组件都有自己的模板、逻辑和样式。Vue.js的特点包括: 1. **...

    select标签multiple属性的使用方法.zip

    `&lt;select&gt;`标签的`multiple`属性在所有主流浏览器(包括Chrome、Firefox、Safari、Edge和IE9+)中都是支持的。然而,对于较旧的浏览器,如IE8及以下版本,可能需要使用polyfill或其他方法来确保兼容性。 总的来说,...

    vue.js select下拉框绑定和取值方法

    下面详细介绍如何在Vue.js中实现select下拉框的绑定和取值方法。 首先,我们要了解什么是v-model指令。v-model是一个语法糖,它是v-bind和v-on指令的结合体。v-model指令在表单元素(如input、select和texterea)上...

    jquery 模拟Select下拉选择框取值功能.zip

    通常,Select元素的选项由`&lt;option&gt;`标签定义,可以通过`value`属性为每个选项指定一个值,该值在用户做出选择后可以被脚本获取。 然而,有时候我们可能需要一个更加自定义的下拉选择框样式,或者在某些场景下,...

    SelecT下拉框选中和取值的解决方法

    本文将详细讲解如何解决`&lt;select&gt;`下拉框选中和取值的问题。 首先,创建一个基本的`&lt;select&gt;`下拉框,每个`&lt;option&gt;`代表一个可选项。例如: ```html &lt;select class="form-control" onchange="selectOnchang(this)...

    jquery 美化select 自定义函数

    本文将详细介绍如何在jQuery基础上美化`select`,并实现自定义函数,同时确保原有的功能如取值、增删改等操作不受影响。 首先,我们需要引入jQuery库。如果您的项目中还未包含jQuery,可以通过以下HTML代码将其引入...

    zhuyongzhengs-layui-select-multiple-master.zip

    在描述中提到的“在layui中实现下拉框select多选,取值”就是指如何让select组件支持同时选择多个选项,并获取这些选择的值。 首先,要实现select多选,我们需要在HTML结构中添加`multiple`属性到`&lt;select&gt;`标签内...

    浅析jQuery操作select控件的取值和设值

    在网页开发中,jQuery库为JavaScript提供了一种更简洁、高效的方式来操作DOM元素,包括对select控件的处理。本文将深入浅出地探讨如何使用jQuery来获取和设置select控件的值,这对于构建交互性更强的网页界面至关...

    jquery表单元素取值

    ### jQuery表单元素取值详解 #### 一、引言 在Web开发中,表单是用户与网站交互的重要组成部分。jQuery作为一种流行的JavaScript库,极大地简化了JavaScript编程,特别是DOM操作方面,使得开发者能够轻松地处理HTML...

Global site tag (gtag.js) - Google Analytics