web - 组合框选择和 jquery

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“#[跨度标签的id]”的锚标签。

感谢您在下面的回答。

“我需要自动获取 id 和 value。”

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

在这里（上面是来自 stackoverflow 用户的回答 1）组合框的 ID 被定义。如果 id 不是静态的会发生什么？动态ID？？？就我而言，有几个文本框和组合框。 span 标签没有问题。

我需要获取 ID 和 VALUE auto 而不像上面那样预先定义它们。

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>');
});