Question

我有两个VBA input radio

这里是buttons：

HTML

这两个<div class="col-md-5 padding-Zero"> <select name="fifthtype" class="dropdown" id="fifthtype" onChange="javascript:secondsChanged()"> <option value="normal">Normal Second Mortgage</option> <option value="silent">1st-time Home Buyer Silent Second</option> </select> </div> dropdown每个都有两个不同的值

options

现在我的问题是，如果我选择普通第二按揭，我想显示我的价值，我想将其价值显示为：

 <label id="Label19"  class="pull-right">$<?php echo round($arrFirstBox["normalsecond"],2)?></label>



<label id="Label19"  class="pull-right">$<?php echo round($arrFirstBox["silentsecond"],2)?></label>

反之亦然：

<?php echo round($arrFirstBox["normalsecond"],2)?>

我将如何做到这一点？在我的代码中添加了jsfiddle？请看看这个https://jsfiddle.net/kdt33vo6/

Answer 1

您已复制label元素的ID。 ID必须是唯一的。你可以添加相同的类名。

您可以使用所选选项元素的索引来定位select：

的更改事件中的标签元素

$('select').change(function(){
   $('.pull-right').hide().eq($(this).find('option:selected').index()).show()
}).change();//for showing changes on load

<强> Working Demo

Answer 2

如果您可以控制标记，则可以使用data-* html5属性：

<option value="normal" data-target="second">Normal Second Mortgage</option>
<option value="silent" data-target="first">1st-time Home Buyer Silent Second</option>

然后在label s：

删除id，因为您将相同的ID应用于不同的元素。

<label class="pull-right first">$<?php echo round($arrFirstBox["normalsecond"],2)?></label>
<label class="pull-right second">$<?php echo round($arrFirstBox["silentsecond"],2)?></label>

将这些target属性添加到类名中，然后就可以使用这个js代码：

$('#fifthtype').change(function(){
    var lbl = $(':selected', this).data('target');
    $('.'+lbl).show().siblings('label').hide();
});

下拉选定的值已更改

2 个答案: