JQuery【下拉框】取值_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
6
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 2256 | 回复: 5   主题: JQuery【下拉框】取值        下一篇 
呒子
注册用户
等级:少尉
经验:320
发帖:10
精华:0
注册:2015-4-3
状态:离线
发送短消息息给呒子 加好友    发送短消息息给呒子 发消息
发表于: IP:您无权察看 2015-4-9 15:38:50 | [全部帖] [楼主帖] 楼主

有如下测试内容:

 <body>
x1:<select id="x">
<option value="1">上海</option>
<option value="2">北京</option>
<option value="3">武汉</option>
<option value="4">深圳</option>
</select>
x2:<select id="x2">
<option>上海</option>
<option>北京</option>
<option>武汉</option>
<option>深圳</option>
</select>
<button id="ok">提交</button>
<br/>
x1-values:<span></span><br/>
x1-text:<span></span><br/>
x2-values:<span></span><br/>
x2-text:<span></span>
</body>


现在要取得想x1和x2的value值和text值。

界面效果如下:

x1:       上海       北京       武汉       深圳     x2:       上海       北京       武汉       深圳     提交 

x1-values:
x1-text:
x2-values:
x2-text:


加入js代码如下;

<script type="text/javascript">
$(function(){
      getSelectVal();
});
function getSelectVal(){
var x1=$("#x");
var x2=$("#x2");
var xv1=$("span:eq(0)");
var xt1=$("span:eq(1)");
var xv2=$("span:eq(2)");
var xt2=$("span:eq(3)");
$("#ok").click(function(){
      xv1.text(x1.val());
      xt1.text(x1.text());
      xv2.text(x2.val());
      xt2.text(x2.text());
});
}
</script>


运行之后
效果

x1:       上海       北京       武汉       深圳     x2:       上海       北京       武汉       深圳     提交 

x1-values:4


x1-text: 上海 北京 武汉 深圳 

x2-values:深圳

x2-text: 上海 北京 武汉 深圳

可以看到当option中有value属性和没有时,取得的value值是不同的。

text值则是它全部文本值

有些时候我们往数据库存的是数字标识,就要给option的value属性。但同时要取得text的值怎么办呢?

我们将js中x1和x2的代码改成如下:

var x1=$("#x option:selected");
var x2=$("#x2 option:selected");


效果

x1:       上海       北京       武汉       深圳     x2:       上海       北京       武汉       深圳     提交 

x1-values:1


x1-text:上海

x2-values:上海

x2-text:上海

取到了需要的值。

$("#x option:selected");取得是选中行。选中行中的数据就可以轻易拿到了。




赞(0)    操作        顶端 
westRing
注册用户
等级:少校
经验:1198
发帖:22
精华:0
注册:2015-4-9
状态:离线
发送短消息息给westRing 加好友    发送短消息息给westRing 发消息
发表于: IP:您无权察看 2015-4-9 16:35:44 | [全部帖] [楼主帖] 2  楼

对,要使用jquery的选择器中的 :selected



赞(0)    操作        顶端 
_chen
版主
等级:中校
经验:2139
发帖:39
精华:0
注册:2013-8-23
状态:离线
发送短消息息给_chen 加好友    发送短消息息给_chen 发消息
发表于: IP:您无权察看 2015-4-13 11:00:59 | [全部帖] [楼主帖] 3  楼

楼主是主要做Android开发的吗



赞(0)    操作        顶端 
呒子
注册用户
等级:少尉
经验:320
发帖:10
精华:0
注册:2015-4-3
状态:离线
发送短消息息给呒子 加好友    发送短消息息给呒子 发消息
发表于: IP:您无权察看 2015-4-14 9:15:48 | [全部帖] [楼主帖] 4  楼

嗯,android开发



赞(0)    操作        顶端 
hei_nihao
注册用户
等级:少校
经验:1279
发帖:19
精华:0
注册:2015-4-17
状态:离线
发送短消息息给hei_nihao 加好友    发送短消息息给hei_nihao 发消息
发表于: IP:您无权察看 2015-4-17 9:53:57 | [全部帖] [楼主帖] 5  楼

代码写的不够优雅,还没截图....



赞(0)    操作        顶端 
呒子
注册用户
等级:少尉
经验:320
发帖:10
精华:0
注册:2015-4-3
状态:离线
发送短消息息给呒子 加好友    发送短消息息给呒子 发消息
发表于: IP:您无权察看 2015-4-17 10:06:12 | [全部帖] [楼主帖] 6  楼

代码写的不够优雅,还没截图....

北京联动北方科技有限公司



赞(0)    操作        顶端 
总帖数
6
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论