1

我试图在选择选择标签时显示内容。我正在使用 change() 函数来做到这一点，但它并没有真正获取正确的更改内容。这是小提琴

http://jsfiddle.net/sghoush1/NhL2V/

html看起来像这样

<table id="formTable">
                <tr>
                    <td align="right">Investment cycle:</td>
                    <td>
                    <select class="selectOption">
                        <option>Jan12</option>
                        <option>Feb12</option>
                        <option>Mar12</option>
                    </select>
                    </td>
                </tr>   
                <tr>
                    <td align="right">Subsequent investments will occur on:</td>
                    <td>
                        <div id="changingArea">
                            <div class="descContent">Content A</div>
                            <div class="descContent">Content B</div>
                            <div class="descContent">Content C</div>
                        </div>
                    </td>   
                </tr>
            </table>

jquery 看起来像这样

$(function() {

    $('.selectOption').change(function(){
        $('.descContent').hide();
        $('.descContent').eq($(this).index('.selectOption')).show();
    });

});
4

1 回答 1

1

如果要获取所选选项元素的索引，可以使用selectedIndexDOMHTMLSelectElement对象的属性。

//  You can chain the methods
$('.descContent').hide().eq(this.selectedIndex).show();

http://jsfiddle.net/NhL2V/2/

于 2013-04-07T16:59:22.133 回答