作出選擇選項只是鏈接

Question

我已經得到了讓用戶選擇一個「文件夾」，然後jQuery代碼偵聽並顯示代碼的後續腳本。現在，代碼位於選擇框中，但我希望它們僅顯示爲鏈接。這可能嗎？

這裏是jQuery的：

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#theselect").change(function() { 
var option = $(this).val(); 
var selectedUser = $("#thename").val(); 
$.get("selectfolders.php", {select:option,username:selectedUser},function(data){ 
    $("#theresult").html(data).hide().fadeIn(1000); 
}); 
}); 
}); 
</script> 

這裏的PHP代碼來查找並顯示所有用戶文件夾（這是我想成爲鏈接，而不是一個選擇框。 ）

<select name="theselect" id="theselect"> 
<option value="">Select</option> 
<? 
$thelistquery = mysql_query("SELECT * FROM folders WHERE username='$username'"); 
while ($lrows = mysql_fetch_array($thelistquery)) { 
$id = $lrows['ID']; 
$foldername = $lrows['foldername']; 
$newfoldername = mysql_real_escape_string($foldername); 

echo "<option value='$newfoldername'>$newfoldername</option>"; 
} 
?> 
</select> 

Selectfolders.php

$username = $_GET['username']; 
$theselect = $_GET['select']; 

$thelistquery = mysql_query("SELECT * FROM folders WHERE username='$username'"); 
while ($lrows = mysql_fetch_array($thelistquery)) { 
$id = $lrows['ID']; 
$foldername = $lrows['foldername']; 
$newfoldername = mysql_real_escape_string($foldername); 

if($_GET['select'] == "$newfoldername") { 
//What to display 
} 
} 


?> 

Answer 1

更改jQuery以使用標記點擊事件而不是更改事件。 請注意，「.folders」選擇器是我添加到標籤中的類，因此您不需要使用引用頁面上所有標籤的選擇器。

<script type="text/javascript"> 
$(document).ready(function() { 
$(".folders").click(function() { //<-------Changes here 
var option = $(this).val(); 
var selectedUser = $("#thename").val(); 
$.get("selectfolders.php", {select:option,username:selectedUser},function(data){ 
    $("#theresult").html(data).hide().fadeIn(1000); 
    }); 
}); 
}); 
</script> 

修改輸出以顯示鏈接，方法是移除周圍的標記並將標記更改爲標記。還添加了一個類，以輕鬆選擇它與jQuery。

$thelistquery = mysql_query("SELECT * FROM folders WHERE username='$username'"); 
while ($lrows = mysql_fetch_array($thelistquery)) { 
$id = $lrows['ID']; 
$foldername = $lrows['foldername']; 
$newfoldername = mysql_real_escape_string($foldername); 

//Changed the below to a link with a class 
echo "<a class='folders' value='$newfoldername'>$newfoldername</a>"; 
} 
echo "<input type='text' value='$username' name='thename' />";