javascript - 依赖下拉 html，允许网页上使用不同的值-6ren

javascript - 依赖下拉 html，允许网页上使用不同的值

转载作者：行者123 更新时间：2023-11-29 21:32:58

我被困在我的网站上。我的 HTML 网页上有 3 个由 mysql 填充的下拉列表。例如，在我的表格中，一列中有 5 个字段(选项 1、选项 2、选项 3、选项 4，选项 5)。在我的下拉列表中，我希望能够从下拉列表 A 中选择选项 1，然后在下拉列表B和C；如果我将其更改为选项 2，则选项 1 应该在下拉列表 B 和 C 中可用 - 依此类推。

有办法这样做吗？我一直在尝试 php 和 javascript，但没有任何运气。

下面是我已有的代码 - 仍然失败

html

    <!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" language="javascript">
            $(document).ready(function()
            {
                $(".Qual1").change(function()
            {
                var id=$(this).val();
                var Userid= 
                        <?php
                            $connection = mysql_connect("localhost","root","") or die ("Error connecting to mysql server: ".mysql_error());
                            mysql_select_db("mytestdb", $connection) or die ("Error selecting specified database on mysql server: ".mysql_error());

                            $log_user = $_SESSION['login_user'];
                            $sqlquery = mysql_query("select fnGetUserID('$log_user') as UserID", $connection);
                            $row = mysql_fetch_assoc($sqlquery);

                            echo $row['UserID'];
                        ?>;
                var Circuitid = 
                        <?php
                            $connection = mysql_connect("localhost","root","") or die ("Error connecting to mysql server: ".mysql_error());
                            mysql_select_db("mytestdb", $connection) or die ("Error selecting specified database on mysql server: ".mysql_error());

                            $race_name = $_SESSION['Race'];
                            $sqlquery = mysql_query("select fnGetCircuitID('$race_name') as RaceID", $connection);
                            $row = mysql_fetch_assoc($sqlquery);

                            echo $row['RaceID'];
                        ?>;

                    <?php echo json_encode($_SESSION['Race']); ?>;
                var dataString = 'id='+id+'&Userid='+Userid+'&Circuitid='+Circuitid;

                //alert(dataString);

               $.ajax
                ({
                type: "POST",
                url: "ajaxDrivers.php",
                data: dataString,
                cache: false,
                success: function(html)
                {
                $(".Qual2").html(html);
                } 
                });

            });
            });
        </script>
        <title>Your Home Page</title>
        <link href="style.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div id="profile">
            <b id="Go Back"><a href="profile.php">Go Back</a></b>
            <br>
            <br>
            <b id="welcome">Making Picks for : <i><?php echo  $_SESSION['Race']  ?></i></b>
            <br>
            <br>
        </div>

        <form action="">
            <table>
            <tr>
                <td colspan='2'>Prediction Form</td>
            </tr>
            <tr>
                <td>Qualifying 1:</td>
                <td>
                    <select id="Qual1" name="Qual1" class="Qual1">

                        <?php

                            $log_user = $_SESSION['login_user'];

                            $connection = mysql_connect("localhost","root","") or die ("Error connecting to mysql server: ".mysql_error());
                            mysql_select_db("mytestdb", $connection) or die ("Error selecting specified database on mysql server: ".mysql_error());            

                            // Get the UserID
                            $sqlquery = mysql_query("select fnGetUserID('$log_user') as UserID", $connection);
                            $row = mysql_fetch_assoc($sqlquery);
                            $_SESSION['intUserID'] =$row['UserID'];

                            // Unset Variable to be ised again
                            unset($sqlquery);
                            unset($row);        

                            $race_name = $_SESSION['Race'];

                            // Get the UserID
                            $sqlquery = mysql_query("select fnGetCircuitID('$race_name') as RaceID", $connection);
                            $row = mysql_fetch_assoc($sqlquery);
                            $_SESSION['intRaceID'] =$row['RaceID'];

                            $race_id = $_SESSION['intRaceID'];
                            $user_id = $_SESSION['intUserID'];

                            $qual1 = mysql_query("CALL spGetDrivers($user_id,$race_id)");
                            //$rows = mysql_query($qual1) or die ("Query to get data from firsttable failed: ".mysql_error());
                            while($rs=mysql_fetch_array($qual1)){
                                  echo '<option value="'.$rs['pkDriverID'].'">'.$rs["strDriverName"].'</option>';
                              }

                        ?>

                    </select>
                </td>
        </tr>
        <tr>
                <td>Qualifying 2:</td>
                <td>
                    <select id="Qual2" name="Qual2" class="Qual2">

                        <option selected="selected">--Select Driver--</option>

                    </select>
                </td>
            </tr>
            </table>
        </form>
    </body>
</html>

php

<?php

header('Content-Type: text/html; charset=ISO-8859-15');
$connection = mysql_connect("localhost","root","") or die ("Error connecting to mysql server: ".mysql_error());
mysql_select_db("mytestdb", $connection) or die ("Error selecting specified database on mysql server: ".mysql_error());  
if($_POST['id'])
{
    $id=$_POST['id'];
    $userID=$_POST['Userid'];
    $CircuitID=$_POST['Circuitid'];

    $rs=mysql_query("CALL spInTempDriver($userID,$CircuitID,$id)");

    //echo '<option value="'.$CircuitID.'">'.$CircuitID.'</option>';

    $sql=mysql_query("CALL spGetDrivers($user_id,$CircuitID)");

    while($row=mysql_fetch_array($sql))
    {
        $id=$row['pkDriverID'];
        $data=$row['strDriverName'];
        echo '<option value="'.$id.'">'.$data.'</option>';
    }
}

?>

最佳答案

这是一个jsfiddle如果已经在另一个 select 元素中选择了 option，它会使用 jQuery 禁用它们。

JS:

$(function() {

  $("select").on("change", function() { // select on change event

    var selectedValues = []; // array of all the values selected by any select element
    $("select > option:selected").each(function() {
      var val = $(this).val();
      if (val != "") { // exlude the value if it is ""
        selectedValues.push(val);
      }
    });

    $("select").not($(this)).each(function() { // for each other select element
      var selectedValue = $(this).val(); // value of the currently selected option for this select element
      $(this).find("option").each(function() { // for each option
        if ($(this).val() != selectedValue && selectedValues.indexOf($(this).val()) > -1) { // disable only if not the currently selected option and if it is selected by a select element
          $(this).hide();
        } else {
          $(this).show(); // else show the option if it is hidden
        }

      });
    });

  });

});

关于javascript - 依赖下拉 html，允许网页上使用不同的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35118158/

文章推荐： php - Mysql 数据透视表没有显示结果

文章推荐： javascript - PDFMake 与下划线冲突

文章推荐： javascript - 快速路由器

文章推荐： android泄漏窗口强制关闭

mysql - 如何按 ASC 顺序获取 MySql 不同(不同)值
我有 table 像这样 -------------------------------------------- id size title priority
java - 不同 Activity 中的 AdMob 广告单元 ID 不同？提高匹配率？
我的应用在不同的 Activity (4 个 Activity )中仅包含横幅广告。所以我的疑问是，我可以对所有横幅广告使用一个广告单元 ID 吗？或者每个 Activity 使用不同的广告单元
没有isinstance的列表列表上的python递归(不同)
我有任意(但统一)数字列表的任意列表。 (它们是 n 空间中 bin 的边界坐标，我想绘制其角，但这并不重要。)我想生成所有可能组合的列表。所以:[[1,2], [3,4],[5,6]] 产生 [[1
Java自定义控件重绘导致绘制不正确(不同)
我刚刚在学校开始学习 Java，正在尝试自定义控件和图形。我目前正在研究图案锁，一开始一切都很好，但突然间它绘制不正确。我确实更改了一些代码，但是当我看到错误时，我立即将其更改回来(撤消，ftw)，但
sql - 分组依据汇总和计数(不同)
在获取 Distinct 的 Count 时，我在使用 Group By With Rollup 时遇到了一个小问题。问题是 Rollup 摘要只是所有分组中 Distinct 值的总数，而不是所有
sql - 如何对多列进行计数(不同)
这不起作用: select count(distinct colA, colB) from mytable 我知道我可以通过双选来简单地解决这个问题。 select count(*) from (
javascript - 为什么在比较时与 ""不同
这个问题在这里已经有了答案: JavaScript regex whitespace characters (5 个回答) 2年前关闭。你能解释一下为什么我会得到 false比较 text ===
javascript - [] 与 [] 不同
这个问题已经有答案了: 奥 git _a (56 个回答) 已关闭 9 年前。我被要求用 Javascript 编写一个函数 sortByFoo 来正确响应此测试: // Does not cras
sql - 在按单个列上的多个值进行内部联接查询过滤时选择“不同”？
所以，我不得不说，SQL 是迄今为止我作为开发人员最薄弱的一面。也许我想要完成的事情很简单。我有这样的东西(这不是真正的模型，但为了使其易于理解而不浪费太多时间解释它，我想出了一个完全模仿我必须使用的
javascript - 为什么在通过引用传递后调用函数时对象内部的 "this"不同？
这个问题在这里已经有了答案: How does the "this" keyword work? (22 个回答) 3年前关闭。简而言之:为什么在使用 Objects 时，直接调用的函数和通过引用传
C++ 不同 -> 和 "."
这个问题在这里已经有了答案: 关闭 12 年前。 Possible Duplicate: what is the difference between (.) dot operator and (-
c++ - for 循环给出的结果与 += 不同
我真的不明白这里发生了什么但是: 当我这样做时: colorIndex += len - stopPos; for(int m = 0; m < len - stopPos; m++) { c
MySQL 按顺序和计数分组(不同)
思考 MySQL 中的 Group By 函数的最佳方式是什么？我正在编写一个 MySQL 查询，通过 ODBC 连接在 Excel 的数据透视表中提取数据，以便用户可以轻松访问数据。例如，我有:
mysql - 如何在组内选择具有条件的计数(不同)
我想要的SQL是这样的: SELECT week_no, type, SELECT count(distinct user_id) FROM group WHERE pts > 0 FROM bas
php - 不同/连接两个表
商店表: +--+-------+--------+ |id|name |date | +--+-------+--------+ |1 |x |Ma
javascript - offsetParent 不同
对于 chrome 和 ff，当涉及到可怕的 ie 时，这个脚本工作完美。有问题 function getY(oElement) { var curtop = 0; if (oElem
c - 不同.c文件之间的IPC进程间通信
我现在无法提供代码，因为我目前正在脑海中研究这个想法并在互联网上四处乱逛。我了解了进程间通信和使用共享内存在进程之间共享数据(特别是结构)。但是，在对保存在不同 .c 文件中的程序使用 fork(
c - C编程中的MongoDB聚合函数(不同)
我想在用户集合中使用不同的功能。在 mongo shell 中，我可以像下面这样使用: db.users.distinct("name"); 其中名称是用于区分的集合字段。同样我想要，在 C
c# - linq选择问题(不同)
List nastava_izvjestaj = new List(); var data_context = new DataEvidencijaDataContext();
生产中的 CSS 不同
我的 Rails 应用程序中有 Ransack 搜索和 Foundation，本地 css 渲染正常，而生产中的同一个应用程序有一个怪癖: 应用程序中的其他内容完全相同。我在 Chrome 和 Sa

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 依赖下拉 html，允许网页上使用不同的值