Question

Jquery 对select 事件的操作

功能需求：
在select option为 “默认”时，本tr内的 input display为block
在select option不为“默认”时，本tr内的 input display为none

<tr>
<td>
<select name="category[]">
<option value="0">默认</option>
<option value="1">自定义</option>
</select>
</td>
<td>
<input style="display:block" type="text" class="txt" size="8" name="sitename[]">
</td>
</tr>
<tr>
<td>
<select name="category[]">
<option value="0">默认</option>
<option value="1">自定义</option>
</select>
</td>
<td>
<input style="display:block" type="text" class="txt" size="8" name="sitename[]">
</td>
</tr>

Answer 1

function changetxt(ele){
if($(ele).val()=='0'){
$('mytxt').css('display','block');
}
else{
$('mytxt').css('display','none');
}
}

<tr>
<td>
<select name="category[]" onchange="changetxt(this)">
<option value="0">默认</option>
<option value="1">自定义</option>
</select>
</td>
<td>
<input id="mytxt" style="display:block" type="text" class="txt" size="8" name="sitename[]">
</td>
</tr>

追问

嗯，这个是针对单行的，的确可以这样处理。
但实际上，我的页面里有很多行。
这样吧，我给出我的设计思路，你帮我把代码写出来，我把分给你：
$("select").change(function()
{
if($(this).val()=='0')
{
本select所在的行内，所有input设置为display:none
}
else
{
本select所在的行内，所有input设置为display:block
}
});

追答

用到好多个parent，children，last
$("select").change(function(){
if($(this).val()=='0')
$(this).parent().parent().children().last().children().css('display','block');
else
$(this).parent().parent().children().last().children().css('display','none');
});