Loading [MathJax]/jax/output/CommonHTML/config.js
社区首页 >问答首页 >从mysql中将数据拉入下拉列表,但在选择时不刷新

从mysql中将数据拉入下拉列表,但在选择时不刷新
EN

Stack Overflow用户
提问于 2017-05-01 10:20:57
回答 1查看 76关注 0票数 0

我正在尝试将数据从MySQL数据库中提取到下拉列表中,我已经成功地做到了这一点。但是问题是,当加载数据时,我做了一个选择,然后应该根据所做的选择显示一个表。它可以工作,但当表显示时,所选的项不会保留在下拉列表中-它会刷新页面,下拉列表返回到默认的选定值。

代码语言:javascript
代码运行次数:0
复制
<form method="post">

<label style="padding-left:13%;">Select Course: </label>
      <?php
      $query=mysqli_query($dbc,"select * from courses");

      echo "<select class='form-control' name='course_code' style='height:50px; width:300px;'  onchange='this.form.submit()' >";     
       echo "<option value='' selected='selected'>-Select-</option>";
      while($course_code=mysqli_fetch_row($query))
      {       
       ?>

       <option class="sel" value="<?php echo $course_code[0];?>"><?php echo $course_code[1]; ?> </option>;
       <?php

       }

      echo "</select>";?>

      </div> <!--col-lg-4-->
      </form>

if($_SERVER['REQUEST_METHOD'] == 'POST') {

$ccode=(isset($_POST['course_code']) ? $_POST['course_code'] :null);


$_SESSION['ccode']=$ccode;

?>

我想要从下拉列表中的MySQL数据库中提取数据,选择一个项,并在根据我的选择显示表时让它保持选中,而不需要页面刷新,所选的项也会从下拉列表中删除。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-05-01 10:36:11

当项目被选中时,使用<option>标记的<option>布尔属性(并从第一个选项(即具有空值的选项)中删除它)。当代码与POST数据中的值匹配时,然后在给定选项的标记中包括selected

代码语言:javascript
代码运行次数:0
复制
while($course_code=mysqli_fetch_row($query))
{  
    $selected = '';
    if ($course_code[0] == $_POST['course_code']) {
         $selected = 'selected';   
    }
    ?>
    <option class="sel" value="<?php echo $course_code[0];?>" <?php echo $selected;?>><?php echo $course_code[1]; ?> </option>;

输出(在选择了数据库查询的第二个选项之后):

代码语言:javascript
代码运行次数:0
复制
<select class="form-control" name="course_code" style="height:50px; width:300px;" onchange="this.form.submit()">
     <option>-Select-</option>
     <option class="sel" value="phys">Physics </option>;
     <option class="sel" value="mth" selected>Math </option>;
</select>

参见在这支小提琴中演示的

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43724222

复制
相关文章
Android之按钮点击事件(单击、双击、长按等)
在布局文件中添加按钮点击事件 1、在xml文件中 为 Button 添加android:onclick属性
程思扬
2023/07/24
2.4K0
双击事件与单击事件的那些事
合情合理,双击事件也是两次点击事件,所以同时会触发单击事件click和双击事件dblclick。但是需求是单击和双击不同的处理,所以双击的时候不应该触发单击事件。
赤蓝紫
2023/03/16
3.8K0
双击事件与单击事件的那些事
委托(一个主窗体统计多个从窗体的按钮单击的次数)
  最近在学习金老师的《.NET2.0面向对象编程揭秘》,学到了13章,委托、事件驱动和异步调用。书上有个试一试,要求:利用委托,达到一个主窗体统计多个从窗体的按钮单击的次数。 效果如下: fr
八哥
2018/01/18
1.4K0
委托(一个主窗体统计多个从窗体的按钮单击的次数)
Android Button 单击事件
方法一:在XML文件中指定 单击事件函数 <Button             android:id="@+id/button1"             android:layout_width="120dip"             android:layout_height="wrap_content"             android:layout_alignParentLeft="true"             android:layout_below="@+id/textView1
磊哥
2018/05/08
1.7K0
weex-08-单击事件
本节任务 学会组件添加单击事件 标准格式 <text v-on:click="方法名称">点我啊</text> 省略格式 <text @click="方法名称">点我啊</text> 下面我们创建
酷走天涯
2018/09/14
1.7K0
weex-08-单击事件
多个FeignClient使用相同的name
FeignClient标签默认使用name属性作为bean name,name属性同时为服务名。 如果指定了contextId属性,则使用contextId作为bean name。 如此可为一个服务创建多个FeignClient: @FeignClient(name = "my-service-id", contextId = "my-service-id-api1") public interface Api1FeignClient { } @FeignClient(name = "my-service
路过君
2020/12/17
3.5K0
jquery validate 如何校验多个相同name
本文来源 : http://www.cnblogs.com/danywdd/p/5667903.html
翟凤玺
2020/10/29
1.1K0
类模块应用示例:获取单击的命令按钮名称
这个示例来源于ozgrid.com,有兴趣的朋友可以研究。在用户窗体上共有24个命令按钮,如下图1所示。
fanjy
2023/10/04
2950
类模块应用示例:获取单击的命令按钮名称
MyVBA加载宏——添加自定义菜单02——给按钮添加单击事件
在2003版本之前的Excel里使用过VBA的话,应该接触过在Excel里添加自定义菜单,使用方法和前面说的在VBE里添加菜单是类似的。
xyj
2020/07/28
2.8K0
MyVBA加载宏——添加自定义菜单02——给按钮添加单击事件
Java如何校验两个文件内容是相同的?
今天做文件上传功能,需求要求文件内容相同的不能重复上传。感觉这个需求挺简单的就交给了一位刚入行的新同学。等合并代码的时候发现这位同学居然用文件名称相同和文件大小相同作为两个文件相同的依据。这种条件判断靠谱吗?
码农小胖哥
2021/12/01
2K0
Java如何校验两个文件内容是相同的?
HTML单击按钮弹出悬浮窗+页面遮罩
<meta charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
用户7718188
2021/10/08
15.8K1
SYSLIB1006:多个日志记录方法不能使用相同的事件 ID
使用 LoggerMessageAttribute 进行注释的多个方法正在使用相同的事件 ID 值。 事件 ID 值在每个程序集的范围内必须独一无二。
呆呆
2022/01/06
5170
Java事件处理基础实例:处理按钮点击+捕获窗口事件+改变观感
对于图形用户界面的程序来说,事件处理是十分重要的。要想实现用户界面,必须掌握Java事件处理的基本方法。本章将讲解Java AWT事件模型的工作机制,从中可以看到如何捕捉鼠标和键盘产生的事件。另外,本章还介绍如何使用最简单的GUI组件元素,如按钮,以及如何处理由这些组件产生的基本事件。在下一章中,将阐述如何将Swing提供的多个组件组织在一起,并全面地讲述这些组件产生的事件。
愿天堂没有BUG
2022/10/28
3.7K0
Java事件处理基础实例:处理按钮点击+捕获窗口事件+改变观感
python 按钮的响应事件
在PyCharm中创建一个项目,然后点击“Tools”--“External Tools”--“QTDesinger”打开QT Desinger
py3study
2020/01/06
2.9K0
问与答94:如何替换多个相同的数据并依次编号?
Q:我有一个工作表,我想将里面多个相同的数据进行替换,并按顺序依次编号,如何使用VBA代码实现?例如下图1的列B中有多个“完美Excel”,使用VBA代码将其替换为“excelperfect”并加上数字编号,即“excelperfect1”、“excelperfect2”、“excelperfect3”……等。
fanjy
2021/02/22
1.5K0
问与答94:如何替换多个相同的数据并依次编号?
React 事件处理(上)
在 React 中另一个不同是你不能使用返回 false 的方式阻止默认行为, 你必须明确使用 preventDefault。
陈不成i
2021/07/29
4790
HarmonyOS实战—单击事件的四种写法
单击事件的四种写法 [在这里插入图片描述] 1. 自己编写实现类 编写实现类(MyListener)去实现 Component.ClickedListener 接口 在类里面重新下 onClick 方
兮动人
2021/08/20
1.1K0
用CSS制作可交换带事件处理的图片按钮
      按钮是网页最常用的控件了,怎样设计一个更好看的按钮,这两天试验了几种方法:       1、用Javascript交换图片的方式先在网页中制作图片,然后把图片转换为服务器端控件,为该控件添加事件处理。不过,很遗憾,运行时不响应,我估计跟图片被交换了有关。       2、按钮在交到页面时,其实就是一个input,那么用css写一个样式就ok了。结果,发现客户端的页面中,按钮的ID虽然是原来的ID,但是写的CSS并没有起作用。原来,.net自己为按钮加了一个style,优先级显然比自定义的要高了。
用户1075292
2018/01/23
1.4K0
点击加载更多

相似问题

如何处理两个按钮单击事件上的相同代码

17

处理多个按钮和多个单击事件

21

如何在WPF中处理多个类似按钮上的单击事件?

30

如何设置多个按钮上的单击事件

310

单击“保存”按钮上的事件处理

14
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档