jquery中怎么获得下拉列表中选中的value值代码

jquery中怎么获得下拉列表中选中的value值代码,第1张

1:js取值

//获取下拉列表选中项的值

代码如下

function

getSelectedValue(name){

var

obj=documentgetElementById(name);

return

objvalue;

//直接用其对象的value属性便可获取到

}

2:获取文本值

代码如下

1

2

3

var

ById

=

documentgetEle

比如

<table>

<tr>

  <td><input type="checkbox" checked/></td>

  <td>1</td>

</tr>

</table>

可以用以下代码获取到 1

$(function(){

  $("input:checked")parents('tr')find('td')eq(1)text();

})

请问你这表格是datagrid做的吗?如果是的话,你可以用datagrid的getSelected方法先获取到选中的行,

var row = $("#datagrid")datagrid("getSelected");

var value = rowvalue;//rowvalue的value就是你这一行某一个字段的lable值

一般都会在后台获得,比如这个表格的数据是用$list这个变量存储的,$list中每个元素都有id date title file四个字段,checkbox的name是id,现在写一个js方法用来将选中的复选框传到后台,需要使用一个按钮触发下面的方法

function fun(){

var arr = new Array();

$(":checked")each(function(){

arr[] = $(this)attr("name");

});

//然后用任意方法将arr传到后台

}

在后台根据传回来的id在$list中获得要你想要的数据。

上面是我觉得最简单的方法。

下面还有一个在页面里获得你要的数据的方法

将每一行数据都写在同一个div里,根据复选框的标示获得对应div内的数据

<div name=“id”>数据, (最后一列)<input type="checkbox" name="id" /></div>

<script>

function fun(){

var arr = new Array();

var name = '';

$(":checked")each(function(){

name = $(this)attr("name");

arr[] = $("div[name=" + name + "]")html();

});

}

</script>

    string cssUrl = PageClientScriptGetWebResourceUrl(thisGetType(), "HelloWorldSHcss");

HtmlLink cssLink = new HtmlLink();

cssLinkHref = cssUrl;

cssLinkAttributesAdd("rel", "stylesheet");

cssLinkAttributesAdd("type", "text/css");

thisPageHeaderControlsAdd(cssLink);

thisCssClass = "divHW";

string jsUrl = PageClientScriptGetWebResourceUrl(thisGetType(), "HelloWorldSHjs");

PageClientScriptRegisterClientScriptInclude("SH", jsUrl);

$("#table tr")click(

$(this)child("td:eq(0)")//你试试这个。

each($(this)find("td"),function(){if($(this)index()==0){alert("我是这行里面第一个td");}})//两个找第一个td

找到td后,

$tdfind(":check")//获取td中check空间。

$tdfind(":check")attr("checked",true);//设置为true,如果不好使,就设置成

attr("checked","checked");

);

jquery代码

$("myclass")each(function(){

$("#sub",this)click(function(){

// alert(1)

alert($(this)parents("tr")html());

});

});

});

表格html代码

<table border="1">

<tr class="myclass">

<th>Month</th>

<th>Savings</th>

<th><input id="sub" type="submit" ></input></th>

</tr>

<tr class="myclass">

<td>January</td>

<td>$100</td>

<th><input id="sub" type="submit" ></input></th>

</tr>

</table>

通过$(this)获取所点击的按钮,

$(this)parents(“tr”)获取按钮所在行,

$(this)parents(“tr”)find(“”)text()获取按钮所在行class为的元素的值。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/13494843.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-09-01
下一篇2025-09-01

发表评论

登录后才能评论

评论列表(0条)

    保存