Question

<div id="1">
<select id="combobox1">
 <option value="">mark this</option>
 <option value="green">long</option>
 <option value="blue">normal</option>     
</select>

<select id="combobox2">
 <option value="">mark this</option>
 <option value="green">long</option>
 <option value="blue">normal</option>     
</select>
</div>

<div id="2">
<span id="span1" >hello world</span>
<span id="span2" >good morning</span>
</div>

<div id="3">
</div>
<div id="4">
</div>

我想根据组合框的选择为span标记添加背景颜色。

“combobox1”用于“span1”，“combobox2”用于“span2”。更改颜色时，应在“div3”内添加一个带有href“＃[span标签的id]”的锚标签。

谢谢你的回答。

“我需要自动获取ID和值。”

$('#combobox1').change(function() {
$('#span1').css('backgroundColor', $(this).val());
$('#div3').html('<a href="#span1">span1</a>');
});

此处（上面是来自stackoverflow用户的回答1）定义了组合框的ID。如果id不是静态会发生什么？动态ID ???在我的例子中有几个文本框和组合框。 span标签没有问题。

我需要获取ID和VALUE自动而不预先定义它们。

Answer 1

将change事件处理程序附加到每个组合框：

$('#combobox1').change(function() {
    $('#span1').css('backgroundColor', $(this).val());
    $('#div3').html('<a href="#span1">span1</a>');
});

$('#combobox2').change(function() {
    $('#span2').css('backgroundColor', $(this).val());
    $('#div3').html('<a href="#span2">span2</a>');
});

web - 组合框选择和jquery

1 个答案: