val()无法在jquery mobile中运行

时间:2012-07-05 11:07:23

标签: php javascript jquery mobile

我试图通过val()方法从下拉菜单中获取所选项目的值。当我在简单的html中使用jquerymobile div时它非常有用。但是当我把它放入我的内容div时它不起作用。这是代码(仅实现内容div):

的header.php

<!DOCTYPE html> 
<html> 
   <head> 
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

   <title>RSS Reader</title> 

   <link rel="stylesheet" href="main/jquery.mobile-1.1.0.min.css" />
   <script src="main/jquery-1.6.4.min.js"></script>
   <script src="main/jquery.mobile-1.1.0.min.js"></script>

</head> 
<body>

的settings.php:

<?php
include('../main/header.php');
$siteNumber = empty($_GET['siteNumber']) ? 'Živé' : $_GET['siteNumber'];
?>
<div data-role="page">
    <div data-role="header">
        Nastavenia
    </div>
    <div data-role="content">
        <select id="training" name="training" data-native-menu="false">
         <option value="1">Živé</option>
         <option value="2">MobilMania</option>
         <option value="3">Automoto</option>
        </select>
        <script>
            function displayVals() {
            var defaultSiteNumber = $($("#training")[0]).val();
            $("p").html("<b>defaultSiteNumber:</b> " + 
                  defaultSiteNumber);
             }

             $("select").change(displayVals);
             displayVals();
        </script>
    </div>
    <div data-role="footer">
      <div data-role="navbar">
        <ul>
           <li><a href = "../index.php?siteNumber=<?php echo $siteNumber;?>" data-icon="home">Späť</a></li>
           <li><a href = "settings.php?save=true" data-icon="gear">Hotovo</a></li>
        </ul>
      </div>   
    </div>
</div>

在我将这些值转换为javascript后,我需要它们也可以在PHP变量中使用,因此我可以使用它们来创建配置文件。或者你认为用javascript创建配置文件会更简单吗?它应该是基本的.ini,其结构可以被parse_ini_file

接受

编辑:我已经提供了包括headerp.php在内的整个代码,以确保没有其他错误导致此问题。

1 个答案:

答案 0 :(得分:0)

使用此代码 可能有效吗

$("select").bind("change", function(event, ui) {
    var defaultSiteNumber = $(this).val();
    $("p").html("<b>defaultSiteNumber:</b> " + defaultSiteNumber);
});