2012-04-13 13 views
3

JQueryを使用してWebフォームを作成しています。JQuery Mobileで選択メニューをリフレッシュする方法(ハーフ!)

リンクを使用して、前の選択フィールドを別の選択フィールドにコピーしたいとします。私はDOMを変更して、select1.selectedIndexの値が変更されます。それでもまだ古い値が視覚的に表示されます。明らかに視覚的に更新するように更新する必要があります。私はリフレッシュメソッドの構文を理解していません。これは私がそれをやろうと試みたもので、うまくいかないものです。

これは、ここにリンク

<select name="entry.14.single" id="entry_14">  
     <option value="1"></option>  
     <option value="2">2</option>  
     <option value="3">3</option>  
     <option value="4">4</option>  
     <option value="5">5</option></select> 
    <select name="entry.16.single" id="entry_16">  
     <option value=1""></option>  
     <option value="2">2</option>  
     <option value="3">3</option>  
     <option value="4">4</option>  
     <option value="5">5</option></select> 
    <a href="#" onclick="setSelect('entry_16', 'entry_14');return false;">Same as above</a> 

用のHTMLは私のjavascriptです:私のリフレッシュ文が機能しない理由

function setSelect(id1, id2){ 
     var select1 = document.getElementById(id1); 
     var select2 = document.getElementById(id2); 
     select1.selectedIndex = select2.selectedIndex; 
     $('#select1').selectmenu('refresh'); 
    } 

誰かが私に教えてくださいできますか?

p.s.私は同じ問題に他のスレッドがあることを知っている、私はまた、 'ドキュメントを読んでいる。他のどこかにリンクしてください。私は他の情報源を読んでいて、どこにでもいらない。リフレッシュを適切に行うためには、何を変更するか教えてください。

EDIT:あなたは http://jsfiddle.net/AFzqt/7/

+0

*をただで変更するものを私に見せて下さい*あなたがそれが必死なら、あなたの問題を再現する[jsFiddle](http://jsfiddle.net/)を提供することを検討してください。より効率的に使用できます。 –

+1

私はそれが一度jsFiddleが千の言葉に値すると言ったのは古いベンフランクリンだと思います。 – codaniel

+0

3つの異なるjQueryライブラリが含まれている理由はありますか? – codaniel

答えて

11

の周りの混乱jQueryのイベントハンドラを利用することができますHERESにjsfiddle!

あなたが探している機能は次のとおりです。あなたの例で

selectmenu("refresh") 

、それはこのようなものになります。

$(function() { 
    $("#changeButton").on("click", function(e) { 
     $("#entry_16").val($("#entry_14").val()); 
     $("#entry_16").selectmenu("refresh"); 
     e.preventDefault(); 
    }); 
}); 

http://jsfiddle.net/AFzqt/8/

+0

'$( "#entry_16")を使用しようとしましたが、selectmenu( "refresh"); '、すなわち、document.ready()の外側にあるユーザ定義のjs関数では、 "undefined is not function"というエラーがスローされています。注:Jqueryが含まれ、他のjquery文が動作しています。誰でもこれを解決できますか?ありがとう –

関連する問題