Question

我有一个小型的学校项目，我正在研究。在选择菜单中，我可以选择在我的数据库中注册的赌场。这工作正常。但我需要有一个跨度，我选择我打印的名称。

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语句中还需要什么？

最诚挚的问候。

Answer 1

考虑到您已使用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>

从select返回

1 个答案: