欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

根据下拉框选择的值显示输入框

程序员文章站 2022-10-08 21:20:48
html代码: ......

根据下拉框选择的值显示输入框

 

html代码:

<select id="checkpointexpress" data-dux="form-select" name="product_type_id" required>
<option value="">-请选择属性-</option>
</select>

<input  id="mian" type="text" name="area_limit" value="{$info.area_limit}" placeholder="请输入面积限制"></div>

<input id="ge" type="text" name="number_limit" value="{$info.number_limit}" placeholder="请输入个数限制"></div>


jquery代码:
$('#checkpointexpress').on("change",function(){
if ( document.getelementbyid('checkpointexpress').value == 1){
$('#mian').show();
$('#ge').hide();
}else {
$('#ge').show();
$('#mian').hide();
}
})