Question

我的下拉列表如下：

<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值=＆gt; <?php echo $interest_FHA_default; ?>

VA值=＆gt; <?php echo $interest_VA_default;?>

USDA值=＆gt; <?php echo $interest_USDA_default;?>

CONV值=＆gt; <?php echo $interest_CONV_default;?>

如何根据下拉列表中选择的项目显示输入值？如果用户在输入中选择FHA项我需要FHA默认值？

Answer 1

我不确定这是你想要的，当用户选择下拉输入中显示的默认值时（默认值存储在data-default attribut中）。

注意：在我的示例中，我无法使用PHP代码解释为什么我修复data-default中的值，您可以用PHP代码替换每个项目的数字，例如：

<option data-default='<?php echo $interest_FHA_default; ?>' value="fha">FHA</option>

希望这有帮助。

＆＃13;

$('#ddlCompare1').change(function(){
    $('#Compare_interest_rate').val($(this).find(':selected').data('default'));
});

＆＃13;

<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>

＆＃13;

在输入

1 个答案: