3

私は自分のウェブ技術の実験に取り組んでいます。div で引用された 2 つのドロップダウン リストがあります。

<div id="A">
<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
<select>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
</select>
</div>

そしてここに私のJavaScriptコード：

$(document).ready(function(){
        $('#A option:eq(1)').attr("selected", "selected");
});

私が期待しているのは、オプション「2」と「7」のドロップダウンリストですが、「2」と「7」しかありません.ああ、1行のスクリプトコードでそれを実現できますか（代わりに、2つのタグで2つのdivを2つのドロップダウンに設定します）返信とヘルプをありがとう。

4

6 に答える 6

0 
use this.

<div id="A">
<select id="s1">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
<select id="s2">
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
</select>
</div>


----------


$(document).ready(function(){
        $('#s1 option:eq(1)').attr("selected", "selected");
        $('#s2 option:eq(1)').attr("selected", "selected");
});
于 2013-08-28T08:44:08.993 に答える
0 
$('#A > select option[value=2]).eq(0).attr('selected','selected');
$('#A > select option[value=7]).eq(1).attr('selected','selected');
于 2013-08-28T08:42:14.863 に答える
0

最初のセレクターでは、最初に一致した要素のみが選択されます。

find()を使用する

セレクター、jQuery オブジェクト、または要素によってフィルター処理された、一致する要素の現在のセット内の各要素の子孫を取得します。

試す

$('#A>select').find('option:eq(1)').attr("selected", "selected");

ワーキングデモ

于 2013-08-28T08:39:26.743 に答える