jQuery中input和select的事件响应

html页面结构如下：

<div class="mypannel-add" id="mypannel-add" style="display: block; left: 609.5px; top: -16px;">
	<div class="mypannel-add-title" id="mypannel-add-title">添加用户</div>
	<div class="mypannel-add-item">
		<div class="mypannel-add-item-left">姓名：</div>
		<div class="mypannel-add-item-right"><input type="text" name="username" placeholder="请输入用户姓名" value=""></div>
	</div>
	<div class="mypannel-add-item">
		<div class="mypannel-add-item-left">性别：</div>
		<div class="mypannel-add-item-right">
			<select name="sex">
				<option id="man">男</option>
				<option id="woman">女</option>
				<option id="nan">不详</option>
			</select>
		</div>
	</div>
</div>

对于input和select的处理如下：

var pannel_rights = $(".mypannel-add-item-right");
var obj = {
    
    };
for(var i=0;i<pannel_rights.length;i++){
    
    
	// 分别找到第几个mypannel-add-item-right的div
	var pannel_right = $(".mypannel-add-item-right:eq("+i+")");
	var input = $("input", pannel_right);  // 在父控件中查找到input
	// select选择框同理处理
	var selected = $("select", pannel_right);
	obj[$("select", pannel_right).prop("name")] = $("select", pannel_right).val();
	
	obj[input.prop("name")] = input.prop("value");
}