2011-10-05 1 views
1

PhoneGap을 사용하여 두 가지 옵션이 포함 된 UIPicker로 렌더링 된 요소가 있습니다. 지금까지 프로그래밍 방식으로 두 번째 옵션을 선택한 것으로 설정하지 않았습니다. 여기PhoneGap iOS UIPicker 해당 요소 : 프로그래밍 방식으로 옵션 값 선택

는 코드 (자바 스크립트)처럼 보이는 방법입니다


  • <select id="dropdown1" onchange"doSomething()"> 
        <option value="0">none</option> 
        <option value="1">test</option> 
    </select> 
    
    나는

    $ ("# 선택 'selectedIndex의'예를 사용하여 2 옵션을 선택하지 못했다 드롭 다운 1 "). selectedIndex = 1;

  • 나는 또한 '선택'속성에 액세스하는 두번째 옵션을 선택하지 못한

    , 즉

    $ ("#의 dropdown1 옵션을 선택") [1] .attr ("선택", "선택");

이제 위의 코드의 2 개 라인에서 생성 된 HTML에서 찾고 innerHTML을이 변경 서, 선택한 속성이 표시되지 않습니다. GUI를 새로 고치는 방법을 모르겠습니다. 누군가 내가 뭘 잘못하고 있는지 또는 뭔가를 놓치고있는 것에 대해 밝힐 수 있습니까?

감사합니다.

요한 디

답변

1

당신은 좋은 그래픽 디스플레이가 기본 HTML 태그에 해당하는 업데이트되도록, jQuery를 모바일에서 컨트롤을 새로 고칠 수 있는지 확인해야합니다. 시도해보십시오 (http://jsfiddle.net/NPC42/m4jMn/4/) :

// remove current selection 
$("select#dropdown1 option").removeAttr("selected"); 

// add selected, and then refresh the parent control to see result 
$("select#dropdown1 option[value='1']").attr('selected', 'selected').parent().selectmenu("refresh"); 

이것은 저에게 효과적입니다.

+0

Iit은 JQuery 버전 1.4.x에서 작동하지 않습니다. 버전 1.6 이상에서 작동합니다. 그게 내 문제 였어. –