精华内容
下载资源
问答
  • html获取下拉列表的值
    千次阅读
    2021-06-11 17:33:51

    分别使用javascript原生的方法和jquery方法

    text1

    text2

    code:

    一:javascript原生的方法

    1:拿到select对象: var myselect=document.getElementById("test");

    2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是所选中项的index

    3:拿到选中项options的value: myselect.options[index].value;

    4:拿到选中项options的text: myselect.options[index].text;

    二:jquery方法(前提是已经加载了jquery库)

    1:var options=$("#test option:selected"); //获取选中的项

    2:alert(options.val()); //拿到选中项的值

    3:alert(options.text()); //拿到选中项的文本

    原文:https://www.cnblogs.com/jack-yc/p/9068230.html

    更多相关内容
  • select.rar,select.html
  • php 如何取得select下拉列表框,其实就是需要设置下name属性获取下即可。
  • js获取下拉列表框元素的个数 代码如下:<!DOCTYPE html><html><head>[removed]function getLength(){alert(document.getElementById(“mySelect”).length);//元素个数}[removed]</head&...
  • 我有一些HTML创建一个下拉列表。该列表具有显示给用户的文本和文本。我根据用户选择的“”保存一些XML。在其他时间点,我需要解析XML并显示原始文本,但不在原始列表中。在这一点上,我只有列表中的“”而不是...

    我有一些HTML创建一个下拉列表。该列表具有显示给用户的文本值和文本。我根据用户选择的“值”保存一些XML。在其他时间点,我需要解析XML并显示原始文本,但不在原始列表中。在这一点上,我只有列表中的“值”而不是其显示文本。起初,我打算使用switch语句来获取显示文本,但后来有了使用列表中保存的信息的想法。是否可以使用一点javascript来使用我必须查看列表上的显示版本的值?如果是这样,有人可以提供代码片段吗?我尝试过不同的方式,但迄今为止画空白。下面显示的是构成列表的html样本。使用html下拉列表按值获取正确的显示文本

    '' +

    'Device ID' +

    'Device MAC' +

    'Device Type

    '';

    比方说,我有一个值“DeviceMac”,我想从这个列表中是“设备MAC”。请记住,我不想使用列表来显示此时的值。

    编辑

    我可以做到这一点,但它感觉有点脏。

    var item = $('#ifmgr_tr_Field')[0] ;

    item.value = field; // field would be the value I have, EG “DeviceMac”

    var text = item.options[item.selectedIndex].text; // This will give me “Device MAC” which is what I want.

    展开全文
  • 近日碰到一个问题,就是需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,例如下面的HTML代码: 代码如下: <select onchange=”isSelected(this.value);” id=”city”> ”1″>北京</option> ...
  • 这是我的HTML如何从html表格中的下拉列表获取值celITMF-502PUMA10HALF FRAME/ METAL/ NB/ LOW PRICEKOTTAWAKOTTAWANEGOMBO这是我的Java脚本var table = document.getElementById('Items');var tableRowCount = $(...

    我试图在html表格中动态地检索下拉列表的值。这是我的HTML如何从html表格中的下拉列表中获取值cel

    ITMF-502PUMA10HALF FRAME/ METAL/ NB/ LOW PRICEKOTTAWA

    KOTTAWA

    NEGOMBO

    这是我的Java脚本

    var table = document.getElementById('Items');

    var tableRowCount = $("#Items > tbody > tr").length;

    for (var i = 1; i <= tableRowCount; i++) {

    var obj = {

    itemCode: table.rows.item(i).cells[0].innerText,

    currentLocation: table.rows.item(i).cells[5].innerText,

    newLocation: table.rows.item(i).cells[6].find("select").val()

    };

    items.push(obj);

    }

    不过,这并不happen.Anybody能告诉我怎样才能访问该值。我需要访问价值,而不是文字。

    2014-12-19

    Saranga

    +1

    哪来的#Items在HTML ????? –

    2014-12-19 10:02:48

    +1

    您不能在DOM对象上调用jQuery方法。查看你的JavaScript错误控制台。它会告诉你你哪里错了。 –

    2014-12-19 10:03:00

    +0

    那么你应该循环选择框数据。 –

    2014-12-19 10:13:13

    展开全文
  • AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,...下面介绍两种动态加载DropDownList的方法。第一种:View层$(document).ready(function() {showFuncId();}function showFuncId(){...

    AJAX 是一种用于创建快速动态网页的技术。

    通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,用户体验非常好。

    下面介绍两种动态加载DropDownList值的方法。

    第一种:

    View层

    $(document).ready(function() {

    showFuncId();

    }

    function showFuncId(){

    $('#funcNum').empty();

    var ciValue = $('#funcNum');

    ciValue.append('Pls Select');

    $.ajax({

    url : u, //your actual url

    type : 'post',

    dataType : 'json',

    success : function (opts) {

    if (opts && opts.length > 0) {

    var html = [];

    for (var i = 0; i < opts.length; i++) {

    html.push(''+opts[i].desc+'');

    }

    ciValue.append(html.join(''));

    }

    }

    });

    }

    Controller层

    response.setContentType("application/json");

    response.setCharacterEncoding("utf-8");

    PrintWriter writer = response.getWriter();

    net.sf.json.JSONArray array = JSONArray.fromObject(new ArrayList());//The list that contains actual data,use a new arrayList instead here

    writer.append(array.toString());

    return null;

    第二种:

    View层

    $(function(){

    $.ajax({

    type: 'POST',

    url:url;//your actual url

    dataType: 'json',

    cache: false,

    async:false,

    success:function(data) {

    $('#funcNum').get(0).options.length = 0;

    $('#funcNum').append('Pls Select');

    $.each(data, function(i, obj) {

    var option = $('');

    option.val(obj.id);

    option.text(obj.desc);

    $('#funcNum').append(option);

    });

    },

    error: function() {

    alert("Error while getting func num results");

    }

    });

    });

    Controller层

    response.setContentType("application/json");

    response.setCharacterEncoding("utf-8");

    PrintWriter writer = response.getWriter();

    net.sf.json.JSONArray array = JSONArray.fromObject(new ArrayList());//The list that contains actual data,use a new arrayList instead here

    writer.append(array.toString());

    return null;

    Note:

    As JSON format supports the following data types .

    1

    Number

    double- precision floating-point format in JavaScript

    2

    String

    double-quoted Unicode with backslash escaping

    3

    Boolean

    true or false

    4

    Array

    an ordered sequence of values

    5

    Value

    it can be a string, a number, true or false, null etc

    6

    Object

    an unordered collection of key:value pairs

    7

    Whitespace

    can be used between any pair of tokens

    8

    null

    empty

    for date value, need add config to fromObject, core code:

    JsonConfig config = new JsonConfig();

    config.registerJsonBeanProcessor(java.sql.Date.class, new JsDateJsonBeanProcessor());

    JSONArray array = JSONArray.fromObject(object, config);

    jquery通过ajax方法获取json数据不执行success

    1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...

    jquery通过ajax方法获取json数据不执行success回调

    问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准写法,导致总是执行error回调方法 解决方案:使json格式务必符合下述 ...

    用jquery的ajax方法获取return返回值的正确姿势

    如果jquery中,想要获取ajax的return返回值,必须注意两方面,ajax的同步异步问题,在ajax方法里面还是外面进行return返回值. 下面列举了三种写法,如果想成功获取到返回值,参考第 ...

    用jquery的ajax方法获取不到return返回值

    如果jquery中,获取不到ajax返回值. 两个错误写法会导致这种情况:1.ajax未用同步 2.在ajax方法中直接return返回值. 下面列举了三种写法,如果想成功获取到返回值,参考第三种写法 ...

    JQuery的ajax方法获取返回值得到了值还包含了不要的html源码 (Ajax相关知识)

    因为后台使用了response.Write():这个方法,当输出完了以后,没有结束掉会继续输出,所以需要用到response.End():这样问题就解决了 jquery的ajax 除了通过url传值, ...

    用JQuery中的Ajax方法获取web service等后台程序中的方法

    用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...

    使用Jquery解决Asp&period;Net中下拉列表值改变后访问服务器刷新界面。

    使用DropDownList控件时,改变选项时,获取服务端数据库数据并刷新界面数据. 1. 绑定DropDownList控件SelectedIndexChanged事件. 2. AutoPortBac ...

    关于Jquery中ajax方法data参数用法的总结

    data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQ ...

    ajax系列之用jQuery的ajax方法向服务器发出get和post请求

    打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax. 假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个 ...

    随机推荐

    wget 递归下载整个网站

    wget -r -p -np -k http://xxx.com/xxx -r,  --recursive(递归)          specify recursive download.(指定递归下 ...

    nginx的内存管理

    先来看内存池的实现,nginx的内存池实现的非常简单. 这里内存池的一些图表可以看老朱同学的slides : http://blog.zhuzhaoyuan.com/2009/09/nginx-int ...

    iOS tableview 优化总结

    根据网络上的优化方法进行了总括.并未仔细进行语言组织.正在这些优化方法进行学习,见另一篇文章 提高app流畅度 1.cell子控件创建写在 initWithStyle:reuseIdentifier ...

    SQL模糊查询与删除多条语句复习

    string IDlist="1,2,3"; 批量删除数据 StringBuilder strsql=new StringBuilder(); strSql.Append(&quo ...

    跳转到QQ聊天界面和QQ群界面

    // uin=2977046873为QQ号 NSString *urlString = @"mqq://im/chat?chat_type=wpa&uin=2977046873&am ...

    new&comma;delete&comma;malloc&comma;free

    malloc/free是C语言中的内存申请和释放函数,利用它们可方便地管理内存.而在C++中我们又有了新的工具:new/delete.new/delete在管理内存的同时会调用类的构造函数和析构函数, ...

    Python之print字典

    在python 下面一个包含中文字符串的列表(list)或字典,直接使用print会出现以下的结果: >>> adict={'a':'中文'} >>> print ...

    visualSFM的使用方法

    VisualSFM是Changchang Wu编写的使用 Structure from Motion (SfM)进行3D重建的交互界面,具体内容详见http://ccwu.me/vsfm/.本人电脑环 ...

    web页面中http返回的状态码解释

    状态码类别:   1xx: 信息类,表示客户发送的请求服务端正在处理   2xx:成功类,服务器 成功接收请求   3xx:重定向类,服务器中找到了多个请求内容,则需要用户再次操作选择   4xx:客 ...

    展开全文
  • jQuery获取下拉菜单列表

    千次阅读 2021-04-22 15:41:37
    在jQuery中,我们通过使用.val()方法获得下拉列表的选定。.val()方法主要用于获取表单元素的,例如input,select和textarea。 描述:获取匹配元素集中第一个元素的当前。 jQuery获取下拉菜单列表选定 ...
  • layui下拉列表的事件不能用jq的change 应该用自带的方式写默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。如:监听select下拉选择被选中时触发,回调函数返回一...
  • //获取下拉列表框的所选项的内容 var selValue=$("#selectFrame option:selected").text(); selectDep();//一个ajax方法 $.each(deptData,function(index,value){ if(selValue==value.name){ $("#input6")....
  • //这边就可以获得选取的option的value  if(cusIdvalue=="" ||cusIdvalue==null){  $("#address1").val("");  $("#phone1").val("");  }  //alert(cusIdvalue+">>>>");  $.ajax({ ...
  • html获取下拉框的和文本

    千次阅读 2022-04-21 17:55:15
    jquery方式 其中info是select的id,后面的option:checked表示选中...js/jq 获取select下拉框的文本和value_mcya的博客-CSDN博客_获取下拉框的valuehttps://blog.csdn.net/genius_yym/article/details/78017030 
  • 我通过Selenium FirefoxDriver解析以下html -Links & Banners▼Product LinksBanner LinksLink to Any PageLink CheckerWidgetsProduct Advertising APIReports▼Earnings ReportOrders ReportLink-Type ...
  • jsp文件中html的代码 注意: 1、要设置name,并且是select标签 2、要设置id,Ajax要调用,需要到它 <label for="content2">矛盾纠纷:</label> <select name="content_mao" id="content2"> <...
  • //存放下拉列表框选中的 2 int nSel1;//存放下拉列表框选中的索引 3 nSel1 = m_combox_first.GetCurSel();//获取选中的索引 4 m_combox_first.GetLBText(nSel1,strInfo1);//通过索引获取对应的 5 ...
  • 今天把PHP中获取网页表单中下拉菜单变量的方法又复习了一下1...3、但如果是复选的下拉列表,由于以下原因(摘自www.php.net),而不能直接得到怎样从可多选的 HTML 的 select multiple 标记中得到所有结果?可多选的...
  • 通过HTML表单将下拉菜单的发布到PHP页面我想将下拉菜单(用户选择的主题)的HTML表单一起发布到PHP页面。这里是我的表单代码:Question:Topic// Get each topic name from the databaseinclude...
  • 1、获取下拉列表 2、获取到单选、多选 表单的基础样式: 利用php处理后的表单显示页面 html代码f <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
  • 如何使用JavaScript从下拉列表获取选定的? 我尝试了下面的方法,但是它们都返回选择的索引而不是: var as = document.form1.ddlViewBy.valu
  • 本文实例讲述了js实现下拉列表选中某个的方法。分享给大家供大家参考,具体如下:方法1:12function checkOption(){document.getElementById("aa").options[1].selected = true;alert("选中了2");}方法2:有一个...
  • 一个JavaScript示例,向您展示如何从下拉列表获取选定的或文本。 下拉框列表。 <select id="country"> <option value="None">-- Select --</option> <option value="ID001">...
  • "this.options[selectedIndex].value"方法的中括号内"selectedIndex"表示先获取索引,然后由索引获取option选项,再由".value"获取到value,还有一个方法是"this.options[selectedIndex].text"是用来获取内容
  • 下面本篇文章就来给大家介绍使用php获取下拉列表中多个选定的方法。【视频教程推荐:PHP教程】下面通过示例来给大家介绍如何使用php获取下拉列表中的多个选定HTML代码:首先使用HTML来创建选择。选择课程...
  • 获得下拉列表中的选中

    千次阅读 2017-11-22 18:53:02
    function test(){ var tes=document....alert(tes.options["内容:"+tes.selectedIndex].innerHTML+"元素"+tes.options[tes.selectedIndex].value);//通过selectedIndex获得选中的选项的下标,再通过
  • 从这个“城市阵列”中自动构建带有街道的下拉列表。但是当然有重复的选项。那么,我如何删除它们?从html表单下拉选项列表中删除重复的--- Choose street ---BarrowHornetsBarrowStanleySimonBarrow工作:var ...
  • 通过C#获取下拉列表的Value或Text的
  • 下面本篇文章就来给大家介绍使用php获取下拉列表中多个选定的方法。下面通过示例来给大家介绍如何使用php获取下拉列表中的多个选定HTML代码:首先使用HTML来创建选择。选择课程英语数学计算机物理学化学经济...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 61,919
精华内容 24,767
热门标签
关键字:

html获取下拉列表的值