2013-04-16 111 views
1

我對jQuery很新。我試圖使用一個名爲Searchable Dropdown的插件,我從這裏得到:http://jsearchdropdown.sourceforge.net/ 。但我不知道如何使它工作..我做錯了什麼?jquery插件不工作

<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> 
<script src="scripts/jquery.searchabledropdown-1.0.8.min.js" type="text/javascript"></script> 
<script> 

    $(document).ready(function() { 
     $("select").searchable(); 
    }); 
</script> 

</head> 

<?php 
echo "<form method='post' action='' id='employeesselection'> 
    <select name='select_employee' id='select_employee'>"; 
     while($row=mysql_fetch_array($employees)){ 
      $selected = ($row['Id'] == $_POST['select_employee'])?'selected="selected"':''; 
    echo '<option '.$selected.' value="'.$row['Id'].'">'.$row['Etunimi'].' - '. $row['Sukunimi'].'</option>'; 

} 
    echo "</select></form>"; 

的選擇工作正常,但在選擇搜索的jQuery的應啓用,是行不通的。

+4

檢查控制檯錯誤。 –

+0

我不知道Searchable Dropdown是如何工作的,但在你的下拉菜單的'

+0

@rockerest我只是認爲這不重要..我更新了我的代碼。 – auicsc

回答

0

嘗試也給你的代碼中的一些語義:

<?php 

// DATABASE CONNECTION 
// DATABASE QUERY 

?> 
<html lang="en"> 
<head> 

<!-- CSS --> 

</head> 

<body> 
    <form action="" method="post" id="employeesselection"> 
     <select name="select_employee" id="select_employee"> 
      <?php while ($row = mysql_fetch_array($employees)) { 
       $selected = ($row['id'] == $_POST['select_employee']) ? ' selected ' : ''; 
      ?>  
       <option <?php echo $selected ?> value="<?php echo $row['id'] ?>"> 
        <?php echo $row['etunimi'] ?> - <?php echo $row['sukunimi'] ?> 
       </option> 
      <?php } ?> 
     </select> 
    </form> 

<!-- All Javascript down here --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> 
<script src="scripts/jquery.searchabledropdown-1.0.8.min.js" type="text/javascript"></script> 

<script> 
    $(document).ready(function() { 
      $("select").searchable(); 
    }); 
</script> 
</body> 
</html> 

也許錯誤是不是在你的JavaScript,但在PHP ...

好運調試!

0

我相信它與Jquery 1.9.1。

更換

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> 

隨着

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>