1

div コンテナ:

<div id="count"><span>Apple:</span>4</div>

フォームのドロップダウン リスト:

<select id="list" size="6">
  <option selected="selected">Any Number</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5+</option>
</select>

オプションリストを果物の数に結び付けたい。div コンテナの値が「Apple:4」の場合は「オプション 4」が選択され、div 値が「Pear:3」に変更された場合は「オプション 3」が選択されます。以下同様です。

jQueryでこれまでに行ったことは次のとおりです。

var optionObject = document.getElementById('list');
var countValue = document.getElementById("count").childNodes[2].nodeValue;

for(var i=0; i<optionObject.length; i++){                        
   if(optionObject.options[i].text == countValue.trim()){
        optionObject.options[i].selected = true;
        break;
   }
}

実行後に何も起こりませんでした。誰かコードを見てもらえますか? ありがとう。

4

4 に答える 4

0

2行目を次のように変更するだけです。

var countValue = document.getElementById("count").childNodes[1].nodeValue;

動作中のjsFiddle

5 を超える数値で機能するようにする場合は、考えてみてください ;)

于 2012-12-24T14:52:56.863 に答える
0
$('#list option:eq('+($('#count').text().split(':').pop())+')').prop('selected','selected');
于 2012-12-24T14:50:42.227 に答える