html js 控制span值,根据显示/隐藏span标签/ Javascript组设置span文本？

下面是一个使“重用”文本与“span-group”同步的示例。

Please Select

US

UK

$5.00

25 Pounds

It looks like you would like to spend

$(function() {

showSelectedCurrency();

$('#country').change(function() {

showSelectedCurrency();

});

});

function showSelectedCurrency() {

var spanToShow = $('#span-group span.' + $('#country').val());

$('#span-group span').hide();

if(spanToShow.length > 0) {

spanToShow.show();

$('#selectedCurrency').text(spanToShow.text());

}

}

如果你不想“跨组”和“再利用”也不断地保持同步，但你只是想更新“重用”在某些时候，你可以使用：可见如Vega先生建议的选择器 - 如下所示：

$('#selectedCurrency').text($('#span-group span:visible').text());