从select返回

时间:2016-03-04 20:33:06

标签: php jquery

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

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

最诚挚的问候。

1 个答案:

答案 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>