0

ID が動的に生成されるテキスト ボックスとドロップダウンのペアがあります。ドロップダウンでの選択に基づいて、テキスト ボックスに CSS ルール (クラス) を設定しようとしています。ドロップダウンにインデックスがあり、これはドロップダウンのIDを動的に導出するために使用されます。テキスト ボックスに CSS ルールを設定する方法を教えてください。JavaScript を使用してクラスを設定しようとすると、ページを更新するまで変更が反映されません。

私は、プレーンな javascript や jquery、あるいはその両方を組み合わせて使用​​することができます。

4

2 に答える 2

1

選択にクラスを追加して、jQuery で簡単に選択できるようにします。

<div>
    <select id="Generated1234" class="cssRule">
        <option value="class1">Class #1</option>
        <option value="class2">Class #2</option>
    </select>
    <input type="text" name="Generated1234_text"/>
</div>

入力テキストボックスが選択の兄弟であると仮定したjQueryコード。正しいテキストボックスを選択するには、最後の行を変更する必要がある場合があります。

$(document).ready(function(){
    $('select.cssRule').change(function(){
        var $this = $(this);
        var className = $this.val();
        $this.siblings('input[type=text]').attr('class', className);
    }
}
于 2013-02-20T16:54:02.380 に答える