我有一个小型的学校项目,我正在研究。在选择菜单中,我可以选择在我的数据库中注册的赌场。这工作正常。但我需要有一个跨度,我选择我打印的名称。
PHP工作:
<select class="form-control input-sm" name="choosecasino" id="rl_select_casino">
<option>Choose Casino</option>
<?php
$sql ="SELECT * FROM casinos ORDER BY name;";
$res = $mysqli->query($sql);
//print($res);
if($res){
while($row = $res->fetch_assoc()){
?>
<option value="<?php echo $row['c_id'];?>"><?php echo $row['name'];?></option>
<?php
}
}
?>
</select>
JQuery Working:
<script>
function showSelectedItem() {
var item = document.getElementById("selectcasino").value;
document.getElementById("currentcasino").innerHTML = item;
}
document.getElementById("selectcasino").addEventListener("change", showSelectedItem);
</script>
我正在处理的选择声明:
Casino: <span id="currentcasino">
<?php
$sql = "SELECT FROM casinos WHERE name='?'";
echo $sql;
?>
</span>
我的sql语句中还需要什么?
最诚挚的问候。
答案 0 :(得分:0)
考虑到您已使用jquery
标记标记了此问题,我将假设您可以使用jquery(即使您标记为“JQuery Working”的代码是原始javascript,而不是jQuery的)。如果你这样做,这应该适合你。 Here's a sample fiddle
<script>
function showSelectedItem() {
// take the text of the selected option and inject it into the 'currentcasino' span
$("#currentcasino").html($("#selectcasino option:selected").text());
}
$("#selectcasino").on("change", showSelectedItem);
</script>
您可以从currentcasino
范围中删除PHP代码。
如果你不使用jQuery,它有点复杂,但仍然可以完成。 Here's a fiddle for this version
<script>
function showSelectedItem() {
// take the text of the selected option and inject it into the 'currentcasino' span
var theSelectedIndex = document.getElementById("selectcasino").selectedIndex;
var theSelectedText = document.getElementById("selectcasino").options[theSelectedIndex].innerHTML;
document.getElementById("currentcasino").innerHTML(theSelectedText);
}
document.getElementById("selectcasino").addEventListener("change", showSelectedItem);
</script>