0 
<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」内に「#[スパン タグの ID]」という href を持つアンカー タグを追加する必要があります。

以下の回答ありがとうございます。

「ID と値 auto を取得する必要があります。」

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

ここで（上記はstackoverflowユーザーからの回答1です）コンボボックスのIDが定義されています。ID が静的でない場合はどうなりますか? 動的ID??? 私の場合、いくつかのテキスト ボックスとコンボ ボックスがあります。span タグに問題はありません。

上記のように事前定義せずに ID と VALUE auto を取得する必要があります。

4

1 に答える 1

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>');
});
于 2012-09-09T23:29:32.923 に答える