本篇文章给大家带来的内容是关于jQuery如何获取select选择的文本与值,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

获取select :

获取select 选中的 text :$("#ddlregtype").find("option:selected").text();

获取select选中的 value:$("#ddlregtype ").val();

获取select选中的索引:$("#ddlregtype ").get(0).selectedindex;

设置select:

设置select 选中的索引:$("#ddlregtype ").get(0).selectedindex=index;//index为索引值

设置select 选中的value:$("#ddlregtype ").attr("value","normal“);

$("#ddlregtype ").val("normal");

$("#ddlregtype ").get(0).value = value;

设置select 选中的text:var count=$("#ddlregtype option").length;

for(var i=0;i

{ if($("#ddlregtype ").get(0).options[i].text == text)

{

$("#ddlregtype ").get(0).options[i].selected = true;

break;

}

}

$("#select_id option[text='jquery']").attr("selected", true);

设置select option项:$("#select_id").append("text"); //添加一项option

$("#select_id").prepend("请选择"); //在前面插入一项option

$("#select_id option:last").remove(); //删除索引值最大的option

$("#select_id option[index='0']").remove();//删除索引值为0的option

$("#select_id option[value='3']").remove(); //删除值为3的option

$("#select_id option[text='4']").remove(); //删除text值为4的option

清空 select:$("#ddlregtype ").empty();

工作需要,要获得两个表单中的值。如图:

如何获得从左边选择框添加到右边选择框中的值?我想了想用网页特效可以获得,这里用了比较流行的jquery。

js代码如下:

//获取所有属性值 var item = $("#select1").val();

$(function(){

$('#select1').each( //获得select1的所有值

function(){

$('button').click(function(){

alert($('#select2').val()); //获得select2中的select1值

});

});

})

值得注意的是,不能直接写成$(function(){

$('#select2').each( //获得select1的所有值,因为前面讲选项从左边添加到右边,jquery其实并没有真正将值从左边传到右边。

function(){

$('button').click(function(){

alert($(this).val()); //获得select2中的select1值

});

});

})

html代码:

选项1

选项2

选项3

选项4

选项5

选项6

选项7

选中添加到右边>>

全部添加到右边>>

<<选中删除到左边

<<全部删除到左边

使用JQuery,Ajax调用动态填充Select的option选项

//绑定ClassLevel1单击事件

$("#ClassLevel1").change(function () {

var id = $("#ClassLevel1").val();

var level2 = $("#ClassLevel2");

level2.empty();

$("#ClassLevel3").hide();

$.ajax({

url: "./askCommon.ashx?action=getclasslevel&pid=" + id,

data: { "type": "ajax" },

datatype: "json",

type: "get",

success: function (data) {

var json = eval_r(data);

for (var ind in json) {

level2.append($("" + json[ind].typename + ""));

}

}

});

})

php 获取下拉框选中的文本,jQuery如何获取select选择的文本与值?(代码示例)...相关推荐

  1. vue项目获取下拉框选中id_vue获取下拉框值

    vue获取下拉框的值,用vue-modle,只有点击下拉框的值才会赋值到下拉框中,初始时下拉框没有数据,而改用$event就不会出现这样的问题,下面看代码以及图解: v-model解决方式: {{it ...

  2. JavaScript案例 全选 获取下拉框选中的值

    <script type="text/javascript">function choice(obj){var checkbox = document.getEleme ...

  3. php 获取下拉框选中的文本,jQuery实现select下拉框获取当前选中的文本

    本文主要介绍了jQuery实现select下拉框获取当前选中文本.值.索引以及添加/删除Select的Option项的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧,希望能帮助到大家. 话不多 ...

  4. easyui获取下拉框选中的文本值_Word中文本显示不全的常见3种情况及解决方法

    在日常工作使用Word文档时,经常会遇到文本显示不全的情况,比如文本框或表格里的文本显示不全等情况,你一般是怎么操作呢?以下这3种常见情况你可能也遇到过,一起看看是什么原因并解决它们吧! 1.文本显示 ...

  5. jq获取下拉框选中的值和文本

    获取文本 $("select[name='province'] option:selected").text() 获取选中值 $("select[name='provin ...

  6. vue项目获取下拉框选中id_vue treeselect获取当前选中项的label实例

    我就废话不多说了,大家还是直接看代码吧~ :options="deptTree" :normalizer="normalizer" v-model=" ...

  7. 下拉框选中状态html,js中select下拉框选中

    怎么用js动态 设置select中的某个值为选中值 select 中的某个options为新建,但在子页面新建一个选项时怎么能提交新用JS动态设置select的方法如下: 手动通过原生JS来实现: / ...

  8. select获取下拉框的值 下拉框默认选中

    本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值 例如:  <select class="form-control" id=" ...

  9. html下拉框怎么默认选中,select获取下拉框的值 下拉框默认选中方法

    本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值 例如: 数字1 数字2 $("#numbers option:selected").val( ...

最新文章

  1. 重磅开源人工智能纹理分割自动分割由参考纹理覆盖图像自监督学习
  2. EEPlat vs saleforce 配置 Knowledge Article 演示样例
  3. submit提交判断
  4. 安装php报错误2356,linux下Mysql+php5+apache安装手记
  5. php 在线繁体转换简体,php如何实现简体繁体转换
  6. vue登录页面ajax,springboot+vue 登录页面(三)
  7. 微信小程序·实现列表页和详情页同步收藏
  8. 003-电脑软件系统保护
  9. opencore 0.6.3 华硕_钜惠嗨翻双11,颜值优选华硕GT501白色狙击手机箱
  10. 渗透测试 QA 收集
  11. LED背光源优势的表现
  12. InvalidDefinitionException: No serializer found for class java.lang.Object and no properties discove
  13. 贝多芬没能写完的《第十交响曲》,即将被人工智能完成
  14. python可视化图表分析---pyecharts库的使用
  15. 激活函数以0为中心的好处
  16. pyecharts geo绘制地理信息地图
  17. 整存整取的文档设计[by absolutezero]
  18. 河南公考计算机知识,河南省公务员计算机知识考核复习题非专业类
  19. 微星 B660M 迫击炮 评测
  20. 小学生算术加法测试c 语言,程序设计方法学课程设计--小学生算术四则运算测试程序(C)...

热门文章

  1. mvn -U clean eclipse:clean eclipse:eclipse
  2. 第十四章 虚拟专网 ×××
  3. C#中POST数据和接收的几种方式
  4. 关注地方门户网站盈利模式
  5. elastic-job 和 xxl-job 的对比
  6. PHP实现数组中两个数的和等于给定的目标值
  7. ngx_lua与go高并发性能对比
  8. Docker报错Cannot connect to the Docker daemon at unix:///var/run/docker.sock. ...
  9. Bug之ajax不执行
  10. java如何返回之前代码_java – 如何在每次返回之前向消息添加代码?