데이터 자리 표시 자

Page 146 jQuery 모바일의 First Look 책에는 데이터 자리 표시자가 언급되어 있지만 작동하지 않는다고 생각합니다. 나는 가지고있다 :데이터 자리 표시 자

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="Phillip Senn"> 
<title>jQuery Mobile Matrix</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script> 
</head> 
<body> 

<h1>slider</h1> 
<div data-role="fieldcontain"> 
    <label for="mySelect">Choose One:</label> 
    <select id="mySelect"> 
     <option value="1">One</option> 
     <option value="2" data-placeholder="true">Two</option> 
     <option value="3">Three</option> 

    </select> 
</div> 
</body> 
</html>

그리고 '2'는 기본 옵션이 아니다. 대신 내가 선택한 속성을 사용해야합니까?

출처

2011-08-08 Phillip Senn

네이티브 선택기에 표시하지 않으려는 목록에서 "하나를 선택하십시오"유형 항목이있는 경우 (데이터 자리 표시 자 항목이 네이티브 위젯의 제목으로 대신 표시됨) 표시됩니다. 하나는 사전 선택하려면 예컨대 :

<select> 
    <option value="" data-placeholder="true">Choose one:</option> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
</select>

, 다음 예는 selected 속성을 사용해야합니다.

출처

2011-08-08 20:55:50

허. 귀하의 예제에 데이터 자리 표시자를 포함시키지 않았다는 것을 제외하고는 거의 다 왔습니다. 그리고 그 책도, 어쩌면 ... 나도 몰라. –

내 대답이 업데이트되었습니다. –

나는 이것을 작동 시키려고 노력하고 있으며 같은 코드를 거의 사용했지만 placeholder 옵션을 다른 옵션으로 사용하고있다. 차이점이 있다면 PhoneGap 1.0.0과 함께 jQuery Mobile 1.0.a4.1을 사용하고 있습니다. 이 두 기술을 모두 사용해 본 경험이 있습니까? 감사. – fynnbob

데이터 자리 표시 자

답변

관련 문제