html5 如何通过另外一个按钮来触发details
kuaidi.ping-jia.net 作者:佚名 更新日期:2024-08-22
html5中如何通过点击按钮 自动填写表单
可以写一个为表单内元素赋值的方法,三个按钮上面添加点击事件,点击时调用这个赋值方法,但是传的参数不一样,在方法中根据不同的参数,为表单赋不同模板的值。
不知上面是否写的清楚,我写了一个对应的小demo:
demofunction demo(demo){if(demo ==1){$("#input1").attr("value","这是模板1");$("#input2").attr("value",demo);} else if(demo ==2){$("#input1").attr("value","这是模板2");$("#input2").attr("value",demo);} else if(demo ==3){$("#input1").attr("value","这是模板3");$("#input2").attr("value",demo);}}模板1模板2模板3以上,希望对你有帮助!
用document的onmousedown 响应鼠标在页面上的点击事件 IE中用event.srcElement; FF中用e.target; 能获得鼠标点击的对象 然后你判断该对象是否为选择城市的这个div 不是的话就隐藏该 div 我想怎么用jquery你应该知道 吧 $(document).mousedown( function(event){ alert(event.target.id); //这样会弹出你单击的元素的id,你可以在这里写你的程序了 } ); );
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS 演示代码</title>
<script>
var toggle = function(btn) {
details.open = details.open ? false : true;
btn.innerHTML = details.open ? "close" : "open";
}
</script>
</head>
<body>
<button onclick="toggle(this)">
open
</button>
<details id="details">
<summary>Google Nexus 6</summary>
<p>商品详情:</p>
<dl>
<dt>屏幕</dt>
<dd>5.96” 2560x1440 QHD AMOLED display (493 ppi)</dd>
<dt>电池</dt>
<dd>3220 mAh</dd>
<dt>相机</dt>
<dd>13MP rear-facing with optical image stabilization 2MP front-facing</dd>
<dt>处理器</dt>
<dd>Qualcomm® Snapdragon™ 805 processor</dd>
</dl>
</details>
</body>
</html>
回答完毕,采纳即可。