js改變table某一行下拉框選中值_使用JS實現table裡面td內容的更改

A. 如何用js實現下拉框中selected

思路：設置下拉框的value屬性，那麼下拉框的option選項中相應value值選項就會被選中。

下面實例演示——根據文本框值設置下拉框選中項：

1、HTML結構

<selectid="test">
	<optionvalue="0">--pleaseselect--</option>
	<optionvalue="1">option-1</option>
	<optionvalue="2">option-2</option>
	<optionvalue="3">option-3</option>
</select><br>
<inputtype="text"id="val"><inputtype="button"value="設置"onclick="fun()">

2、javascript代碼

functionfun(){
	varval=document.getElementById("val").value;
	document.getElementById("test").value=val;
}

3、效果演示

B. 使用JS實現table裡面td內容的更改

1、首先根據圖示全部代碼新建html文件。

C. HTML+js如何讓下拉框選中默認值

使用
var d=new Date()
m = d.getMonth()
獲取當前月份
然後使用jq的val來設置一下下拉框的值

D. 用javascript怎麼取下拉列表的值

對於單選下拉列表，value屬性可以直接獲取其選中項的value值。

下面實例演示——單擊按鈕獲取下拉列表選中項的value值：

1、HTML結構

<selectid="test">
	<optionvalue="1">option-1</option>
	<optionvalue="2">option-2</option>
	<optionvalue="3">option-3</option>
	<optionvalue="4">option-4</option>
</select><br>
<inputtype='button'value='獲取選中項'onClick="fun()"/>

2、javascript代碼

functionfun(){
	obj=document.getElementById("test");
	alert(obj.value);
}

3、效果演示

E. javascript中如何獲得TABLE中某一行指定列的值，並觸發一個事件，修改該行另外一列的值

<input type="text" name="COUNT" value="" itemdesc="數量" onchange=getTotalPrice(this)/>

注意到您的count為text,不太適合使用onchange來觸發，這會帶來問題。
比如：你的原數量為20，當你想修改為15時，你會：
1、刪除20 值變為「」，onchange觸發
2、輸入1 值變為 1， onchange觸發
3、輸入5 值變為 15， onchange觸發

這樣會觸發三次，不能滿足你觸發一次的要求。
應該用onblur來觸發。

分析你的業務，你需要計算當前行的，這樣可以使用DOM的API來實現
<table border=1>
<tr>
<td>
<input type="text" value="12" onblur="getTotalPrice(this)">
</td>
<td><input type="text" value="13" onblur="getTotalPrice(this)"></td>
<td>
<input type="text" value="25">
</td>
</tr>
<tr>
<td>
<input type="text" value="1" onblur="getTotalPrice(this)">
</td>
<td><input type="text" value="2" onblur="getTotalPrice(this)"></td>
<td>
<input type="text" value="3">
</td>
</tr>

</table>

<script type="text/javascript">
function getTotalPrice(obj){
var c1 = obj.parentNode.parentNode.childNodes[0].childNodes[0].value;
var c2 = obj.parentNode.parentNode.childNodes[1].childNodes[0].value;
obj.parentNode.parentNode.childNodes[2].childNodes[0].value = parseInt(c1) * parseInt(c2);
}
</script>

修改前面兩個欄，都會自動修改第三欄

相信合你意思，加分吧
//var items = document.getElementsByTagName("input");


//樓主，這還繁？那加分吧，加分定製一個給你

F. js中table的關於選中某一行的問題

<body>
	<inputtype="radio"name="qwe"checked="checked">1
	<inputtype="radio"name="qwe">2
	<inputtype="radio"name="qwe">3
	<inputtype="radio"name="qwe">4
	<inputtype="radio"name="qwe">5
	<inputtype="radio"name="qwe">6
	<buttononclick="next()">下一個</button>
</body>
<script>
//這么寫是不用管頁面的html代碼結構，如果你頁面有別的不相關的radio，可以說下你的頁面結構我調整一下代碼
	functionnext(){
		$("[type=radio]").each(function(index,el){
			if($(el).attr("checked")=="checked"){
				//判斷是否最後一個
				if($("[type=radio]").length==index+1){
					returnfalse;
				}
				$(el).removeAttr("checked");
				$("[type=radio]").eq(index+1).attr("checked","checked");
				returnfalse;
			}
		});
	}
</script>

G. 鐐瑰嚮琛ㄦ牸鍐呬竴琛,jquery鑾峰緱姝よ岀涓涓鐨剗nput鐨剉alue

$("#table tr").click(
$(this).child("td:eq(0)")//浣犺瘯璇曡繖涓銆
each($(this).find("td"),function(){if($(this).index()==0){alert("鎴戞槸榪欒岄噷闈㈢涓涓猼d");}})//涓や釜鎵劇涓涓猼d
鎵懼埌td鍚庯紝
$td.find(":check")//鑾峰彇td涓璫heck絀洪棿銆
$td.find(":check").attr("checked",true);//璁劇疆涓簍rue錛屽傛灉涓嶅ソ浣匡紝灝辮劇疆鎴
attr("checked","checked");
);

H. 只用js如何實現表格內容的動態修改

<body>

<tableid='test'>//定義一個table

<tr>

</tr>

</table>

vartb=document.getElementById('test');//獲取表格的dom節點

vartd=tb.rows[0].cells[0];//獲取0行0列的td單元格

td.innerHTML='222';//動態修改表格的內容為222

</script>

</body>

思路：

1、獲取表格的dom節點

2、通過rows和cells定位td單元格

3、通過修改innerHTML

(8)js改變table某一行下拉框選中值擴展閱讀：

JS實現動態表格的新增，修改，刪除操作

一、相關JS函數

function setParamslist() {

var tab = document.getElementById("tab");

//表格行數

var rows = tab.rows.length ;

//表格列數

var cells = tab.rows.item(0).cells.length ;

//alert("行數"+rows+"列數"+cells);

var rowData = "";

for(var i=1;i<rows;i++) {

var cellsData = new Array();

for(var j=0;j<cells-1;j++) {

cellsData.push(tab.rows[i].cells[j].innerText);

}

rowData = rowData + "|" + cellsData;

}

document.getElementById("paramslist").value = rowData;

}

//打開相關新增應用參數界面

function openAppParamsPage() {

var param = new Object();

//這個參數一定要傳。

param.win = window;

param.id = 100;

param.name = "test";

param.birthday = new Date();

var result = window.showModalDialog("addParamsItem","dialogWidth:500px;dialogHeight:600px;dialogLeft:200px;dialogTop=200px");

//var temp = document.getElementById("paramslist").value;

//document.getElementById("paramslist").value = temp + result;

addSort(result);

}

// 增加應用參數函數

function addSort(data) {

var name = data;

if(name == ""||name==undefined ) {

return;

}

console.log(data);

var params = data.split(",");

var paramName = params[0];

var paramCode = params[1];

var paramValue = params[2];

var row = document.createElement("tr");

row.setAttribute("id", paramCode);

var cell = document.createElement("td");

cell.appendChild(document.createTextNode(paramName));

row.appendChild(cell);

cell = document.createElement("td");

cell.appendChild(document.createTextNode(paramCode));

row.appendChild(cell);

cell = document.createElement("td");

cell.appendChild(document.createTextNode(paramValue));

row.appendChild(cell);

var deleteButton = document.createElement("input");

deleteButton.setAttribute("type", "button");

deleteButton.setAttribute("value", "刪除");

deleteButton.onclick = function () { deleteSort(paramCode); };

cell = document.createElement("td");

cell.appendChild(deleteButton);

row.appendChild(cell);

document.getElementById("sortList").appendChild(row);

}

// 刪除應用參數函數

function deleteSort(id) {

if (id!=null){

var rowToDelete = document.getElementById(id);

var sortList = document.getElementById("sortList");

sortList.removeChild(rowToDelete);

}

二、彈出框頁面，新增或者修改參數，並回寫相關數據。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<#include "/views/head.html"/>

</head>

<body>

<form >

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

</table>

</form>

</div>

</body>

</html>

//直接關閉窗口

function closeWindow() {

window.close();

}

//獲取值，組裝後返回

function returnResult() {

if(!$('form').valid())

return;

var paramName = document.getElementById("paramName");

var paramCode = document.getElementById("paramCode");

var paramValue = document.getElementById("paramValue");

//alert("value is " + paramName.value + "," + paramCode.value + "," + paramValue.value);

var result = paramName.value + "," + paramCode.value + "," + paramValue.value;

window.returnValue = result;

window.close();

}

</script>

導航:首頁 > 編程語言 > js改變table某一行下拉框選中值

js改變table某一行下拉框選中值

(8)js改變table某一行下拉框選中值擴展閱讀：

與js改變table某一行下拉框選中值相關的資料

友情鏈接