在输入中显示从下拉菜单中选择项目的默认值
Show default value of select item from dropdown in input
我有一个下拉菜单,看起来像这样:
<div class="col-md-2 padding-Zero" >
<select id="ddlCompare1" class="dropdown" onChange="javascript:CompareLoantype(true);" >
<option value="jumbo">Conv</option>
<option selected value="fha">FHA</option>
<option value="va">VA</option>
<option value="usda">USDA</option>
</select>
</div>
我希望将选中的默认值分配给以下输入:
<input name="Compare_interest_rate" id="Compare_interest_rate" class="txt" type="text" size="6" maxlength="6" style="width:75%" />%</p>
我有php
上的选项的默认值,当我选择项目时如何指向它们。
FHA value => <?php echo $interest_FHA_default; ?>
VA value => <?php echo $interest_VA_default;?>
USDA value => <?php echo $interest_USDA_default;?>
CONV value => <?php echo $interest_CONV_default;?>
如何在输入中显示值取决于在下拉菜单中选择的项目?如果用户选择FHA
项目,我需要FHA
的默认值输入?
我不确定这是你想要的,当用户从下拉中选择输入中显示的默认值(默认值存储在data-default
属性中)。
注意:在我的例子中,我不能使用php代码,为什么我在data-default
中修复值,你可以用php代码替换每个项目的数字,例如:
<option data-default='<?php echo $interest_FHA_default; ?>' value="fha">FHA</option>
希望对你有帮助。
$('#ddlCompare1').change(function(){
$('#Compare_interest_rate').val($(this).find(':selected').data('default'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-2 padding-Zero" >
<select id="ddlCompare1" class="dropdown">
<option data-default='1' value="jumbo">Conv</option>
<option data-default='2' value="fha" selected>FHA</option>
<option data-default='3' value="va">VA</option>
<option data-default='4' value="usda">USDA</option>
</select>
</div>
<input name="Compare_interest_rate" id="Compare_interest_rate" class="txt" type="text" size="6" maxlength="6" style="width:75%" />%</p>
相关文章:
- 使用JavaScript或jQuery检查单选按钮选择是否与数组中的项目匹配
- jqueryui的轻量级替代品,可在angular项目中选择
- 更新:仅根据单选按钮和所选选项选择特定项目
- 如何在页面加载后禁用下拉列表框项目的选择
- 从Document调用onchange函数.已准备好从更新中预先选择的项目
- 选择了多个用javascript单击的项目
- HTML选择,在DOM中选择了正确的选项,但在firefox中显示了错误的项目
- 取消选择滚动启动时的所有列表视图项目
- 使用.slice分页选择了太多项目
- 在此项目中使用jQuery或JavaScript中的选择器
- 如何检测项目是否在谷歌地图API自动完成列表中选择
- 使用vb限制asp.net中列表框中的项目选择
- SproutCore以编程方式在菜单栏中启动项目选择
- 在项目选择时,JSP中的动态文本字段与来自MYSQL数据库的数据
- 自动完成-自定义renderItem/Menu和项目选择问题
- Jquery iframe项目选择器不工作
- 我应该如何创建一个项目列表,过滤下拉项目选择在引导
- 使用KnockoutJS的项目选择MVC视图
- 想要根据项目选择和项目大小选择创建行和列,想要动态创建如下HTML表
- 无限滚动:项目选择器中的js代码