本文介绍了一种解决HTML中Select元素与Input元素值同步的方法，并解决了reset按钮无法重置Input值的问题。通过将Input类型改为隐藏且不可见，确保了页面布局不受影响的同时实现了值的正确同步与重置。
<td><select id="sex" onChange="a(this.options[this.selectedIndex].text)">
<option value="">请选择</option>
<option value="1">男</option>
<option value="2">女</option>
</select>
<input type="hidden" name="like_sex" id="like_sex"/>
<Script language="javascript">
function a(s){
$("#like_sex").val(s);
}
<option value="">请选择</option>
<option value="1">男</option>
<option value="2">女</option>
</select>
<input type="hidden" name="like_sex" id="like_sex"/>
<Script language="javascript">
function a(s){
$("#like_sex").val(s);
}
</script>
上面这个代码是取到select里的text值，传到input里。但是后来发现reset方法无法重置input值
解决办法：
<input type="text" style="display:none;" name="like_sex" id="like_sex"/>
扫一扫
684
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
