求Js或者jquery代码,鼠标点击00部分的的输入框,弹出div,里面有60个数字,点击的数字写入输入框!

jQuery\u70b9\u51fb\u9875\u9762\u4efb\u610f\u5730\u65b9\u51fa\u73b0\u968f\u673a\u6570\u5b57\u6c42\u5b8c\u6574\u4ee3\u7801\u5305\u62ecHTML







a



function getRandom(n){
return Math.floor(Math.random()*n+1);
}
function sj() {
//\u8fd9\u662f\u4ea7\u751f5\u4f4d\u6570\u7684\u968f\u673a\u6570\uff0c\u5bf9\u5e94\u76844\u4f4d\u65709999\uff0c3\u4f4d\u6570999
var a=getRandom(99999);
$("#part").text(a);

}








$("#a1").click(function(){ $("#b1").show();});$("#c1").click(function(){ $("#b1").hide();});

//解释
//$obj用来定义点击的哪一个"00"
//input就是所谓00的那个输入框,你可以改为ID或是其它模式
//#tm就是这个DIV的ID。你可以修改
//li就是在DIV内的那些数字,用li原素好一些
//html代码和CSS代码,你自己写。

var $obj;
$("input").click(function(){
    $obj=this;//把被点击元素的赋值给$obj
    $("#tm").show();//显示DIV
});
$("#tm li").click(function(){
    $obj.val(this.text());//把值赋值给被点击的元素
    $("#tm").hide();//隐藏DIV
});
//你参考一下吧,这个是用JQ写的,没测试。


哥们 你得把你的代码列出来啊, 要不谁知道你的00,01是用什么标签包起来的,这样也写不了代码啊。
我给来个假如吧:加入你的最外层是一个div,里面有一个ul,ul里面是Li 你的00 ,01都是写在Li上的。假如你是这样一个结构。
你就可以利用jQuery先取得这个ul ,在ul上利用代理,去监听li上的click事件 ,然后你每次点击00,01就会触发该事件 ,你在事件回调里面就可以获取到li,然后就可以获取到你点击的值,再获取你要填入的输入框,然后把值写入进去就可以。
说了那么久累,还不如你把代码贴出来,简简单单搞定。

  • JS浠g爜鍜jQuery浠g爜 瑙g枒
    绛旓細<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> checkbox 1 2
  • 榧犳爣婊戣繃閾炬帴鐨勭殑涓涓笅鍒掔嚎鏁堟灉,鐢js鎴栬卝query鎬庝箞瀹炵幇?姹傞珮鎵!
    绛旓細鍦ㄦ爣绛綼涓嬪姞浜嗕竴涓珮搴︿负0鐨刣iv锛 璁剧疆div鐨刡order涓1px锛 鐒跺悗褰撻紶鏍囩Щ鍔ㄥ埌a涓婄殑鏃跺欒繖涓猟iv鐨剋idth缂撴參澧炲姞鍒100%锛屽彲浠ョ敤jquery鐨animate锛堬級瀹炵幇銆傚綋鐒剁浉瀵圭殑锛 榧鏍囩Щ寮鐨勬椂鍊欏氨鎶奷iv鐨勫搴︾紦鎱㈠彉鎴0锛涗笉杩囪繖涓綉绔欓敊璇篃澶浜嗐傘傘俢hrome鎵撳紑涓鐪75涓敊銆傘傘
  • jQuery 鎬庝箞瀹炵幇妯℃嫙榧犳爣鐐瑰嚮鏁堟灉,瑕佺偣鍑荤殑浣嶇疆鏄敤JS璋冪敤鐨,鏃犳硶寰楀埌...
    绛旓細("璇ュ尯鍩熺殑div鎴栬class鎴栬卛d").mouseenter(function(){ (this).trigger("click");});浣跨敤mouseenter鍜宮ouseleave闃叉鍐掓场浜嬩欢
  • 鐢js鎴栬卝query鎶婃暟鎹~鍏呭埌div閲岄潰鏄剧ず鍑烘潵
    绛旓細鍋囪闇瑕佹樉绀虹殑鏁版嵁鏄123鈥濄傛樉绀虹殑div鐨処D鏄渁aa鈥濄JS浠g爜锛歷ar divA = document.getElementById("aaa");divA.innerHTML = divA.innerHTML+'123';jQuery浠g爜锛(document).ready(function(){ ("#aaa").append(" 123.");//鏈夋爣绛炬晥鏋 });...
  • jquery鍔ㄦ佸姞杞js涓夌鏂规硶
    绛旓細<! 杩欓噷涓轰綘鎻愪緵浜嗕笁绉嶅姩鎬佸姞杞js鐨jquery瀹炰緥浠g爜鍝 鐢变簬jquery鏄负鐢ㄦ埛鎻愪緵鏂逛究鐨 鎵浠ュ埄鐢╦query鍔ㄦ佸姞杞芥枃浠跺彧瑕佷竴鍙ヨ瘽$ getscript("test js");灏眔k浜 <!doctype public " //w c//dtd x transitional//en" " < xmlns=" jquery 鍔ㄦ佸姞杞絡s涓夌鏂规硶 $ getscript("test js"); //鏂规硶浜 ...
  • 鎬庝箞閫氳繃js鎴栬卝query鑾峰彇涓涓〉闈㈤噷闈㈢殑鍐呭
    绛旓細鐢jQuery鐨html鏂规硶鍙互鑾峰緱鏌愪釜鍏冪礌涓殑鍐呭 锛屽鏋滃厓绱犳槸html鏍囩锛屽垯鍙互鑾峰緱椤甸潰鐨勫叏閮ㄥ唴瀹癸細渚嬪锛(document).ready(function(){ var html_str=$("html").html();alert(html_str);});涓婇潰浠g爜鍙互鑾峰緱椤甸潰鐨勫叏閮ㄥ唴瀹广傦紙褰撶劧瑕佸厛瀵煎叆jQuery锛...
  • 濡備綍鐢js鎴栬卝query鑾峰彇input妗嗛噷闈㈢殑鍊
    绛旓細閫氳繃js鑾峰彇input鍊煎湪fungetvalue() 涓姞鍏ocument.form1.mycontent.value锛屽苟鐢╝lert鎻愮ず锛屽鏋滅偣鍑绘寜閽兘澶熻緭鍑 input涓殑鍊煎氨璇存槑鑾峰彇鍒颁簡 閫氳繃
  • 姹傞珮鎵嬪府蹇欏啓娈JS鎴栬卝query,鑳界畻鍑虹埗DIV涓睘鎬isplay涓簄one鐨勫瓙D...
    绛旓細浣犲ソ锛屼娇鐢jquery瀹屾垚濡備笅锛岀湅浜嗕竴涓嬫ゼ涓婄殑锛屽鏋滀綘鐨刣iv鐨刢lass閮芥槸aaa涔熷彲浠ュ悜浠栭偅鏍峰啓锛屾槸娌℃湁閿欑殑锛<script src=" $(function(){ // 鏌ヨ绗竴涓 div 涓瓙鑺傜偣 div锛屽睘鎬т负 hidden 涔熷氨鏄殣钘忕殑 div 鐨勪釜鏁(length)锛屽鏋滆繖閲岃鎵炬墍鏈夌殑 div锛堝寘鍚瓙鑺傜偣鐨勫瓙鑺傜偣锛屽垯鏀逛负 length2...
  • 姹侸S鏁堟灉浠g爜涓娈
    绛旓細鍔犱笂鍥剧墖灏監K浜,涓嶆噦闂垜 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 鏃犳爣棰樻枃妗 ul,li{ margin:0; padding:0; list-style:none} li{ color:#51637B; height:30px; line-height:30px; ...
  • 姹侸S鎴栬匤QUERY瀹炵幇鎷栧姩DIV浜ゆ崲浣嶇疆鐨浠g爜,鍔犳!~
    绛旓細<!DOCTYPE html> /*.column {float: left;}*/ .column div{width: 178px;height: 56px;margin-bottom: 2px;} .box1{background-color: black;} .box2{background-color: bisque;} .box3{background-color: gray;} .box4{background-color: wheat;} ...
  • 扩展阅读:jquery网站代码 ... java入门网站 ... javascript&jquery ... jquery ajax ... jquery mobile ... jquery xss ... javascript入门 ... ai智能自动写代码 ... java必背代码大全 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网