Question

js 点击按钮 弹出框 修改内容

点击修改按钮弹出一个编辑框
按钮是这样写的<button type="button" class="btn btn-default navbar-btn" data-toggle="modal" data-target="#edit">修改</button>

就像这样 怎么能获取到点击那行的内容的id 然后传到修改的页面呢？？？？





Answer 1

<button id="click">改变内容</button>
<div id="t">要改变的内容</div>
<script type="text/javascript">
document.getElementById("click").onclick=function(){
var text=document.getElementById("t");
var val=text.innerHTML;
text.innerHTML="<input type='text' id='n' value="+val+" />";
document.getElementById("n").addEventListener("blur",function(e){
text.innerHTML=document.getElementById("n").value;
});
};
</script>

Answer 2

就是说要传到父页面是吧？要看你是用的其他页面还是说就用的当前页中的某些元素，如果是用的其他位置的页面，那么在父页面定义一个函数 例如：function ShowName(_name)
{
alert(_name);

};
弹出的那个页面中写确认按钮点击事件 $("#btn").click(function(){
var txtName = $("#txtName").val(); }
parent.ShowName(txtName);//这样就调用了父窗体中的ShowName函数，把Name做为参数传入到了那个函数中。
);
-_-|||，所以我不喜欢bootstrap，很多东西都不完善