★自己实现,可选select可输入input
先需用jQuery的JS包,或者把jQuery的选择器用传统JS代替 这是在 jsp页面操作的 用到了 EL表达式取值
js代码: -->
<script>
$("#a").click(function(){
$("#meinput")[0].style="display:block";//或者 "" 都可以显示
$("#address")[0].style="display:none";//隐藏了
});
function inpputAd() {//把输入框和选择框关联起来
$("#meinput").val($("#address option:selected").text());
}
</script>
页面:-->
<div>
<label for="address">籍贯:
<a href="javascript:void(0);" id="a">点我输入
<input style="display:none;" id="meinput" type="text" name="address" placeholder="请输入: "/>
</a>
</label>
<select name="address" style="display: block;" id="address" οnchange="inpputAd();" value="${user.address}">
<option value="请选择..">请选择..</option>
<option value="云南" ${user.address=='云南' ?'selected':''}>云南</option>
<option value="山西" ${user.address=='山西' ?'selected':''}>山西</option>
</select>
</div>
★自己实现,可选select可输入input
最新推荐文章于 2024-08-27 17:58:39 发布