javascript-获得table某个单元格的内容,然后将select中等于该内容的项,变为选中项。

问题描述

获得table某个单元格的内容,然后将select中等于该内容的项,变为选中项。
var tds=$('#infor tr:eq(1) td:nth-child(7)').html();
$(""#seachContinent"").find(""option[text='""+tds+""']"").attr(""selected""true);
tds可以获得内容,第二行中的tds若写死为“非洲”也是好用的,但是上面的这样写就不好用,请问问题出在哪里?

解决方案

是不是有空格什么的。自己用jquery的trim方法去掉下首位空格

     var tds = $.trim($('#infor tr:eq(1) td:nth-child(7)').html());

解决方案二:
把第一行中的html()方法改为text()方法试试。

解决方案三:
var tds=$('#infor tr:eq(1) td:nth-child(7)').html();
为什么要获取html?你alert一下tds是你想要的吗?不会带尖括号什么的吗?
你试试换成.text();

解决方案四:
我这个试验过了,完全可以,你参考一下。

 <html><head>    <script src=""jquery-1.4.2.js""></script>    <script type=""text/javascript"">        $(function(){            var tds = $(""#table01 tr:eq(2) td:eq(2)"").html();            alert($(""#select01"").find(""option[text='""+tds+""']"").text());            $(""#select01"").find(""option[text='""+tds+""']"").attr(""selected""true);        })    </script></head><body>    <div>        <table cellspacing=""0"" cellpadding=""0"" border=""1"" id=""table01"">            <tr>                <th>姓名</th>                <th>年龄</th>                <th>性别</th>            </tr>            <tr>                <td>张三</td>                <td>30</td>                <td>男</td>            </tr>            <tr>                <td>李四</td>                <td>25</td>                <td>女</td>            </tr>        </table>        <select id=""select01"">            <option selected=""true"">请选择性别</option>            <option>男</option>            <option>女</option>            <option>不男不女</option>        </select>    </div></body></html>
时间: 2024-12-24 02:41:55

javascript-获得table某个单元格的内容,然后将select中等于该内容的项,变为选中项。的相关文章

JavaScript动态改变表格单元格内容的方法

 这篇文章主要介绍了JavaScript动态改变表格单元格内容的方法,涉及javascript操作html中table表格的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JavaScript动态改变表格单元格内容的方法.分享给大家供大家参考.具体如下: JavaScript动态改变表格单元格的内容,下面的代码通过修改单元格的innerHTML来修改单元格内容 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

JavaScript动态改变表格单元格内容的方法_javascript技巧

本文实例讲述了JavaScript动态改变表格单元格内容的方法.分享给大家供大家参考.具体如下: JavaScript动态改变表格单元格的内容,下面的代码通过修改单元格的innerHTML来修改单元格内容 <!DOCTYPE html> <html> <head> <script> function changeContent() { var x=document.getElementById('myTable').rows[0].cells; x[0].i

JavaScript实现点击单元格改变背景色的方法_javascript技巧

本文实例讲述了JavaScript实现点击单元格改变背景色的方法.分享给大家供大家参考,具体如下: <html> <body> <table onclick="SetColor(event)" id="_t" width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <t

HTML Table 空白单元格补全的简单实现_javascript技巧

在最初自学 Web 开发的时候,那时没有所谓的 DIV/CSS 布局,一概 Table 布局的天下.当时有个问题就来了,如何补全宫格空白的单元格呢?--这是我在弄公司产品页头痛的问题.因为我不是学程序出身的,碰到这稍带算法的问题,就束手无策了,呵呵.顺带说说,记得分页的算法还折腾了我一下呢. 所谓宫格,就是说表格,3 行x 4 列 = 共12 单元格.如果只有 10 个产品,就只能填充表格 10 个单元格,其余的为空白.虽然空白,但也要渲染 <td></td> 元素,不然 tabl

表单中table一个单元格里有两个数据,就是一个td有两个input=text。怎么确定数据相关。

问题描述 表单中table一个单元格里有两个数据,就是一个td有两个input=text.怎么确定数据相关. 表单中table一个单元格里有两个数据,就是一个td有两个input=text.怎么确定数据相关. 解决方案 确定数据相关是什么意思?你想实现什么 解决方案二: 你问问题能不能把问题说明白 解决方案三: 大概是这个意思吧? <!DocTYPE HTML><html> <head> <meta charset=""utf-8"&

合并table相同单元格的jquery插件分享(很精简)_jquery

效果如下 原表格: col0 col1 col2 col3 SuZhou 11111 22222 SuZhouCity SuZhou 33333 44444 SuZhouCity SuZhou 55555 66666 SuZhouCity ShangHai 77777 88888 ShangHaiCity ShangHai uuuuu hhhhh ShangHaiCity ShangHai ggggg ccccc ShangHaiCity GuangZhou ttttt eeeee GuangZ

table合并单元格colspan和rowspan

起因 解决方案 colspan rowspan colspan rowspan 综合实例 起因     最近要实现一个成绩分析的功能,最终是要呈现到Word中的,一开始想到的使用报表显示,但是得有单独的数据库表来存储这些数据,如果说项目是刚开始做的话,倒也好说,不过现在项目已经进入了后期,在新建数据库表就有点不现实了,因此就jsp界面手画table了.但是在画table的过程中遇到一个问题,有些单元格是合并的,那么怎么来合并单元格呢? 解决方案 colspan & rowspan     col

excel 单元格 重复-如何删除excel表格中不同单元格重复出现的部分内容

问题描述 如何删除excel表格中不同单元格重复出现的部分内容 如何删除excel表格中不同单元格重复出现的部分内容,如下图,第六行中出现的"克制,克制..."在第七和第八行中也都有出现,想请问一下大家如果去掉第七和第八行中的出现的第六行的内容,保留不相同的内容,因为数据很多,这样的情况出现了很多次,用替换功能也不可行,想问一下大家还有什么好办法没有 解决方案 在第六行加一个特殊的标点或者其他字符,然后替换的方式删掉其他其他地方的重复字符,让后再删除特殊字符就可以了!

HTML Table 空白单元格补全

在最初自学 Web 开发的时候,那时没有所谓的 DIV/CSS 布局,一概 Table 布局的天下.当时有个问题就来了,如何补全宫格空白的单元格呢?--这是我在弄公司产品页头痛的问题.因为我不是学程序出身的,碰到这稍带算法的问题,就束手无策了,呵呵.顺带说说,记得分页的算法还折腾了我一下呢. 所谓宫格,就是说表格,3 行x 4 列 = 共12 单元格.如果只有 10 个产品,就只能填充表格 10 个单元格,其余的为空白.虽然空白,但也要渲染 <td></td> 元素,不然 tabl