js如何通过select下拉列表来修改表中的数据
我想通过select下拉列表来改变单元格中的数据//-------------------------------------------------第五行删除按钮---...
我想通过select下拉列表来改变单元格中的数据
//-------------------------------------------------第五行删除按钮---------------------------------------------------------------
fifthCell.innerHTML = '<select style="width:60px" name="cid"><option value="1" selected="selected">===请选择===</option><option value="2" >运行</option><option value="3" >就绪</option><option value="4">等待</option> onchange="func()"</select>';
//------------------------------------------------第三行显示状态----------------------------------------------------------------
thirdCell.innerHTML = "运行";
//触发
function func() {
//该怎么修改表中数据
} 展开
//-------------------------------------------------第五行删除按钮---------------------------------------------------------------
fifthCell.innerHTML = '<select style="width:60px" name="cid"><option value="1" selected="selected">===请选择===</option><option value="2" >运行</option><option value="3" >就绪</option><option value="4">等待</option> onchange="func()"</select>';
//------------------------------------------------第三行显示状态----------------------------------------------------------------
thirdCell.innerHTML = "运行";
//触发
function func() {
//该怎么修改表中数据
} 展开
2个回答
展开全部
<body>
<select onchange="cha(this)">
<option value="">abc</option>
<option value="">efg</option>
<option value="">hij</option>
</select>
<span id="txt"></span>
</body>
<script type="text/javascript">
function cha(obj){
//获取选中的option
var index = obj.selectedIndex;
//取选中的option的文本 是取值还是取属性就随意了
var val = obj.options[index].text;
//判断val规则,可以用数组,也可以用if判断 很灵活的一个位置
/*.......根据val的值判断规则改变id为txt的值..........*/
//
var txt = document.getElementById('txt');
if(val == "efg"){
txt.innerHTML = "EFG";
}else if(val == "hij"){
txt.innerHTML = "HIJ";
}else{
txt.innerHTML = "";
}
}
</script>
<select onchange="cha(this)">
<option value="">abc</option>
<option value="">efg</option>
<option value="">hij</option>
</select>
<span id="txt"></span>
</body>
<script type="text/javascript">
function cha(obj){
//获取选中的option
var index = obj.selectedIndex;
//取选中的option的文本 是取值还是取属性就随意了
var val = obj.options[index].text;
//判断val规则,可以用数组,也可以用if判断 很灵活的一个位置
/*.......根据val的值判断规则改变id为txt的值..........*/
//
var txt = document.getElementById('txt');
if(val == "efg"){
txt.innerHTML = "EFG";
}else if(val == "hij"){
txt.innerHTML = "HIJ";
}else{
txt.innerHTML = "";
}
}
</script>
追问
我是动态增加行,然后想每行都有select来改变对应行的单元格中的内容,可是我不会,如果把他们每行设不同id不太可能啊,id相同设置都是第一行,恕我愚笨,请大神指教。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询