首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

jQuery 表格單元格內容同步到下拉選單選中項:trim 去除空白後匹配

     編輯:程式設計綜合問答

代碼 $("#seachContinent").find("option[text='"+tds+"']").attr("selected",true) 中 tds 含前後空白導致匹配失敗。

修正

var tds = $.trim($('#infor tr:eq(1) td:nth-child(7)').text()); // 用 .text() 而非 .html()
$("#seachContinent").find("option:contains('" + tds + "')").prop("selected", true);
// 或精確匹配 value
$("#seachContinent").val(tds);

關鍵點

  • .text() 獲取純文字,.html() 含標籤。
  • $.trim() 移除首尾空白 (含  、換行)。
  • .prop("selected", true) 優於 .attr("selected", true) (jQuery 1.6+)。
  • 若 option 有 value 屬性,直接 $(select).val(text) 最簡潔。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved