2012-04-21 11 views
0

私はそれを動作させることはできません。 jqm data-native-menu = "false"のphp配列は、すべての項目を表示するのではなく、最初と最後の項目だけを表示します。 data-native-menu = "true"の場合、すべての項目が表示されます。どうすれば修正できますか?jquery mobile data-native-menu = "false"で選択し、PHP配列が機能しません

<?php 
$fooArray = array('Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'); 
?> 
<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script src="js/jquery.js"></script> 
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> 
</head> 
<body> 
<section id="main" data-role="page"> 

    <header data-role="header" data-theme="b"><h1></h1></header> 

    <div data-role="content"> 
     <div data-role="fieldcontain"> 
      <label for="select-choice-1" class="select">Choose the day:</label> 
      <select name="select-choice-1" id="select-choice-1" data-native-menu="false"> 
      <?php foreach ($fooArray as $value) { echo '<option value=>'.$value.'</option>'; } ?> 
      </select> 
     </div>     
    </div> 

    <footer data-role="footer" data-theme="b"><h1></h1></footer> 

</section> 
</body> 

+0

にあなたのforeachループ。 '

+0

phpやjs配列であれば問題ありませんが、効果は同じです。ここでは、data-native-menu = "false"の場合はhttp://jsfiddle.net/WGCYD/、data-native-menu = "true"の場合はhttp://jsfiddle.net/WGCYD/1/です。 true "はコンテンツを示します。私はオプションの数が不明なので配列を持つ必要があります。 – Avyakt

+0

私の提案はあなたのHTMLを有効にするように修正することでした。これは数時間後にcodanielが提案したものです。 – Jasper

答えて

1

変更し、あなたのPHPのループを作っている、特に有効なHTMLのようにしていません。この

<?php foreach ($fooArray as $value) { echo '<option value="'.$value.'">'.$value.'</option>'; } ?> 
+0

はい、うまくいきました。ありがとうございました。 – Avyakt

+0

私はちょうどstackoverflowで始まったので、私は投票できません。 – Avyakt

+0

あなたは答えをマークすることができます。 – codaniel

関連する問題