2009-07-29 28 views
0

jquery $ .post()から選択ボックスにデータを入力しています。howto選択ボックスにAJAX選択オプションが表示される

投稿から返されるオプション値には、「selected = 'selected'」というオプションが1つありますが、コントロールをこのオプションに設定するのではなく、文字列の最後のオプションが選択されて表示されます。

最後のオプションは、それが選択されているたプロパティがtrueに設定されていますが、放火犯は正しいオプションに対して選択したテキストを示しています。

任意のソリューションを提供しています。

EDIT

MARKUP := 
<select id='mailing_countries' ></select><br> 

POST RETVAL := 
<option id='mailing_zone_50' value='19.95' selected="selected" >Saturday Delivery (£19.95)</option> 
<option id='mailing_zone_11' value='7.95' >Next Working Day (£7.95)</option> 
<option id='mailing_zone_6' value='4.95' >2-4 Working Days (£4.95)</option> 

JS CODE := 
$('#mailing_countries').html(retval); 
+0

回答を更新しました。 –

+0

少なくとも代表的な部分であるPOSTから返されるHTMLを表示してください。 –

答えて

0

私は過去にそれをやった、それが私のために働いています。あなたのために全く同じでないものがなければなりません。あなたがこの方法オプションを選択するにはJavaScriptのアプローチを取ることができます。

選択ボックスで選択したオプションを変更するには、そのselectedIndexを変更する必要があり、同様:

document.forms[0].select.selectedIndex = 2; 

これはからですquirksmode。そこにはもっと多くのものがありますので、それをチェックしてください。

関連する問題