页面上有个按钮,每点一次,增加一个div,里面有一个select和一个textbox。
当改变select的选项时,也就是onchange事件被触发时。怎么找到这个select对应的textbox,并给textbox赋值?
可能会新增无数个div-select-textbox框,这些新增的select都触发同一个onchange事件。
我想在select的onchange事件被触发时,将这个select对象作为参数传递给被触发的函数,然后在函数里找到他的父元素(那个div),然后再找到那个子元素(textbox),然后赋值,这样做行吗?
代码在下面,怎么得到那个select的父元素div,再找到div的子元素textbox呢?
JavaScript code
function onchange_addr(flag_conf){ if(flag_conf == "res_addr") $("#txt_res_ip2").value("192.168.0.1"); }
XML/HTML code
<select id="comb_res_addr" style="width:100px;" onchange="onchange_addr(this.value)"> <option value="res_addr">源地址</option> <option value="res_addr_domain">源地址段</option> </select> <input type="text" style="width:100px;" id='txt_res_ip2' value="">
children([expr])
closest([expr])
find(expr)
next([expr])
nextAll([expr])
nextUntil([expr])
offsetParent()
parent([expr])
parents([expr])
parentsUntil([expr])
prev([expr])
prevAll([expr])
prevUntil([expr])
siblings([expr])
这里面有你需要的
XML/HTML code
onchange="onchange_addr(this)"
JavaScript code
function onchange_addr(obj){ if($(obj).val() == "res_addr") $(obj).next().val("192.168.0.1"); }
如果你的input的id格式都是“txt_res_”的话
那就用$(obj).siblings("[id^=txt_res_")找到他