php - 如何从 MySQL 中的表的列中获取特定项目并使用它来使另一个 更改其可见性

转载 作者：行者123 更新时间：2023-11-29 09:36:53 24 4

我的问题是我想从此处的表格列中获取带有照片的特定项目[1]:https://i.ibb.co/4KcwScM/Captfffffure.png “标题的第一项”我想获取这个特定值并隐藏和可见某些选项

这里是解释更多的代码，我希望当人们选择这个特定标题时，它会向他们显示另一个特定部分，在这张照片中[2]:https://i.ibb.co/hyRcfPS/Carrrrrrrrrrrrrrrrrpture.png “该部分将显示”，当它们显示其他选项时，它将隐藏前一部分，并对所有其他选项显示一个新部分[3]:https://i.ibb.co/K05PpkL/Capturffffffffffae.png“这个解释了一切”。

<label style="margin-left:20px; padding: 0 20px;
    margin-bottom: 39px;">كيف نساعدك؟  </label><select name="topic"  id="type" Required="Required">
        <option>اختر الخدمة</option>
<?php
// Make the connection:
$connection = mysqli_connect ('localhost', '#', '#', '#');
// If no connection could be made, trigger an error:
if ($connection->connect_error)
{
    die("Database selection failed: " . $connection->connect_error);
}
# Set encoding to match PHP script encoding.
mysqli_set_charset($connection, 'utf8');
$query = "SELECT * FROM newservices";
$select_newservice = mysql_query($query);
while ($row = @mysql_fetch_assoc($select_newservice)) {
echo "<option value=\"".$row['id']."\">".$row['title']."</option>\n  ";
}
?>
</select><br>

此代码位于第一个代码之后

<div id="price"> 
<label style="    margin-left: 136px;
    margin-bottom: 30px;     padding: 0 20px;">سعر الخدمة</label><select disabled style="
    -webkit-appearance: none;
"    Required="Required">
        <option>0$</option>
</select>
</div>
<div id="tax"> 
       <label style="margin-left:40px;     padding: 0 20px;"> سعر الخدمة شامل الضريبة</label><span class='prisee'>0$</span><br>
       </div>

这是它的ajax

<script>
 $("select[name='topic']").on("change",function(e) {
     e.preventDefault();
    //getting selected  value
    var topic=$(this).val();
    console.log(topic);
        $.ajax({
            type: 'POST',
            url: 'contactusprise.php',
             data: {'topic': topic },//<-passing value to php
            success: function(php) {
               $("#price").html(php);//<--response will show in div with id=price
            }               
        });

    });
</script>
<script>
 $("select[name='topic']").on("change",function(e) {
     e.preventDefault();
    //getting selected  value
    var topic=$(this).val();
    console.log(topic);
        $.ajax({
            type: 'POST',
            url: 'contactustax.php',
             data: {'topic': topic },//<-passing value to php
            success: function(php) {
               $("#tax").html(php);//<--response will show in div with id=price
            }               
        });

    });
</script>

这是代码，其他的相同但行不同

 <?php
    // Make the connection:
    $connection = mysqli_connect ('localhost', '#', '#', '#');
    // If no connection could be made, trigger an error:
    if ($connection->connect_error)
    {
        die("Database selection failed: " . $connection->connect_error);
    }
    $topic=$_POST['topic'];//<-getting value which is passed from ajax
    # Set encoding to match PHP script encoding.
    mysqli_set_charset($connection, 'utf8');
 //here column name will be name of coulmn which you need to compare 
    $query = "SELECT * FROM newservices where id= ".$topic;
    $select_newservice = mysqli_query($connection, $query);
    echo '<label style=" margin-left: 136px;
    margin-bottom: 30px;padding: 0 20px;">السعر بضريبة البيبال</label><select  style="
    -webkit-appearance: none;
" disabled name="topic1"   Required="Required">';
    while ($row = mysqli_fetch_assoc($select_newservice)) {
    echo "<option value=\"".$row['id']."\" >".$row['tax']."</option>\n  ";
}

    echo "</select>";
    ?>

特定项目的这一部分的代码，从特定列中我已经找到了选择该项目并显示它的解决方案，问题是它获取了选择的所有项目的部分，并且当选择不是时我想隐藏这个项目特定项目的此部分的代码

<div id="containeer" >
<div id="chango" style="
    display: inline-flex;
    width: 286px;
">
<label style="margin-left:20px; padding: 0 20px;
    margin-bottom: 39px;">عدد الصفحات </label> <input type="text" class="form-controle" name="topic1" placeholder="اختر العدد" style="
    width: 118px;
    text-align-last: center;
">
    </div>
<div id="wprice" style="display: inline-flex;
    width: 286px;" >
<label style="margin-left:20px; padding: 0 20px;
    margin-bottom: 39px;">عدد الكلمات</label><select style="-webkit-appearance: none;    width:118px;
    text-align-last: center;" Required="Required">

</select>
</div>
<div id="pricee" style="
    display: inline-flex;
    width: 286px;
"> 
<label style="    margin-left: 136px;
    margin-bottom: 30px;     padding: 0 20px;">السعر الاجمالي</label><select disabled style="
    -webkit-appearance: none;margin-right: -65px;
"    Required="Required">
        <option>0$</option>
</select>
</div>
<div id="pricees" style="
    display: inline-flex;
    width: 286px;
"> 
<label style="    margin-left: 61px;
    margin-bottom: 30px;     padding: 0 13px;">السعر الاجمالي شامل الضريبة</label><select disabled style="
    -webkit-appearance: none;margin-right: -60px;
"    Required="Required">
        <option>0$</option>
</select>
</div>
</div>

这里是ajax代码

<script>
 $("input[name='topic1']").on("change",function(e) {
     e.preventDefault();
    //getting selected  value
    var topic1=$(this).val();
    console.log(topic1);
        $.ajax({
            type: 'POST',
            url: 'wpcontactusnum.php',
             data: {'topic1': topic1 },//<-passing value to php
            success: function(php) {
               $("#wprice").html(php);//<--response will show in div with id=price
            }               
        });

    });
</script>
<script>
 $("input[name='topic1']").on("change",function(e) {
     e.preventDefault();
    //getting selected  value
    var topic1=$(this).val();
    console.log(topic1);
        $.ajax({
            type: 'POST',
            url: 'price_pages.php',
             data: {'topic1': topic1 },//<-passing value to php
            success: function(php) {
               $("#pricee").html(php);//<--response will show in div with id=price
            }               
        });

    });
</script>
<script>
 $("input[name='topic1']").on("change",function(e) {
     e.preventDefault();
    //getting selected  value
    var topic1=$(this).val();
    console.log(topic1);
        $.ajax({
            type: 'POST',
            url: 'taxprice_pages.php',
             data: {'topic1': topic1 },//<-passing value to php
            success: function(php) {
               $("#pricees").html(php);//<--response will show in div with id=price
            }               
        });

    });
</script>

有 wpcontactusnum.php 代码，其他相同但行不同

<?php
    // Make the connection:
    $connection = mysqli_connect ('localhost', '#', '#', '#');
    // If no connection could be made, trigger an error:
    if ($connection->connect_error)
    {
        die("Database selection failed: " . $connection->connect_error);
    }
    $topic1=$_POST['topic1'];//<-getting value which is passed from ajax
    # Set encoding to match PHP script encoding.
    mysqli_set_charset($connection, 'utf8');
 //here column name will be name of coulmn which you need to compare 
    $query = "SELECT * FROM details where pages= ".$topic1;
    $select_detail = mysqli_query($connection, $query);
    echo '<label style=" margin-left: 31px; 
    margin-bottom: 39px;padding: 0 20px;">عدد الكلمات</label><select  style="
    -webkit-appearance: none;width: 118px;
    text-align-last: center;
" disabled name="topic1"   Required="Required">';
    while ($row = mysqli_fetch_assoc($select_detail)) {
        $detail_words = $row['words'];
    echo "<option value=\"".$row['pages']."\"  >".$row['words']."</option>\n  ";
}

    echo "</select>";
    ?>

最佳答案

要检查所选选项是第一个还是第二个，您可以执行以下操作:

Ajax 代码:

 $("select[name='topic']").on("change",function(e) {
     e.preventDefault();

  //checking if first option is selected
    if($(this)[0].selectedIndex == 0)
    {
        //hide topic1
        $("select[name='topic1']").hide();
         //show price and tax
         $("#price").show();
         $("#tax").show();
    }
   else if($(this)[0].selectedIndex == 1) {
      //hide price and tax
       $("#price").hide();
         $("#tax").hide();
      //show topic1
        $("select[name='topic1']").show();

   }
  });

关于php - 如何从 MySQL 中的表的列中获取特定项目并使用它来使另一个 <select> 更改其可见性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57411204/

24 4 0

文章推荐： mysql - SQL选择值然后在子查询中使用来替换字符串

文章推荐： bash - 创建新 shell 时自动源 bash 脚本

文章推荐： bash - 如何解压缩文件夹中的所有 .gz 文件并将它们组合成一个新文件而不为每个 .gz 文件生成未压缩的文件

文章推荐： mysql - MariaDB:性能监控

• javascript - 我需要将文本放在一个 中，它位于一个 Div 中，该 Div 位于另一个 Div 中，该 Div 位于另一个 Div 中

  我需要将文本放在 中在一个 Div 中，在另一个 Div 中，在另一个 Div 中。所以这是它的样子: #document Change PIN

• html - 两个背景图像。一个在 HTML 中，一个在 BODY 中。在 Firefox 中，主体图像未呈现

  奇怪的事情发生了。 我有一个基本的 html 代码。 html，头部， body 。(因为我收到了一些反对票，这里是完整的代码) 这是我的CSS: html { backgroun

• ios - 将图像从 asset.xcassets 加载到 imageArray 中，并将其动态加载到 UIImageView 中，该 UIImageView 存在于 UICollectionView 中 - swift

  我正在尝试将 Assets 中的一组图像加载到 UICollectionview 中存在的 ImageView 中，但每当我运行应用程序时它都会显示错误。而且也没有显示图像。 我在ViewDidLoa

• linux - 在 BASH 中，我需要根据 perl 脚本的输出更改一些环境变量。在 tcsh 中，我可以使用别名 eval 组合。不能在 bash 中

  我需要根据带参数的 perl 脚本的输出更改一些环境变量。在 tcsh 中，我可以使用别名命令来评估 perl 脚本的输出。 tcsh: alias setsdk 'eval `/localhome/

• asp.net - Windows 身份验证适用于 IIS，但不适用于 Kestrel/Microsoft.AspNetCore.Authentication.Negotiate(不在 Chrome 中，有时在 Edge 中，始终在 IE 中)？

  我使用 Windows 身份验证创建了一个新的 Blazor(服务器端)应用程序，并使用 IIS Express 运行它。它将显示一条消息“Hello Domain\User!”来自右上方的以下 Ra

• java - java 中 Kotlin 中 的等价物是什么？

  这是我的方法 void login(Event event);我想知道 Kotlin 中应该如何 最佳答案 在 Kotlin 中通配符运算符是 * 。它指示编译器它是未知的，但一旦知道，就不会有其他类

• express - 在 Jade 中，为什么有时我可以按原样使用变量而有时必须将它们包含在#{......} 中？

  看下面的代码 for story in book if story.title.length < 140 - var story

• c - C 中 strstr() 中 for 循环的错误使用

  我正在尝试用 C 语言学习字符串处理。我写了一个程序，它存储了一些音乐轨道，并帮助用户检查他/她想到的歌曲是否存在于存储的轨道中。这是通过要求用户输入一串字符来完成的。然后程序使用 strstr()

• c - * 在 sscanf 中，* 在 [] 中

  我正在学习 sscanf 并遇到如下格式字符串: sscanf("%[^:]:%[^*=]%*[*=]%n",a,b,&c); 我理解 %[^:] 部分意味着扫描直到遇到 ':' 并将其分配给 a。:

• python - 在 Python (2.7.3) 中，如果 str(x) 中的任何字符在 str(y) 中(或 str(y) 在 str(x) 中)，我如何编写一个函数来回答？

  def char_check(x,y): if (str(x) in y or x.find(y) > -1) or (str(y) in x or y.find(x) > -1):

• ansible - 在 Ansible 中，如何将一行移动到一个 block 中？

  我有一种情况，我想将文本文件中的现有行包含到一个新 block 中。 line 1 line 2 line in block line 3 line 4 应该变成 line 1 line 2 line

• Django 调试工具栏显示在根 URL 中，但不显示在应用程序 URL 中

  我有一个新项目，我正在尝试设置 Django 调试工具栏。首先，我尝试了快速设置，它只涉及将 'debug_toolbar' 添加到我的已安装应用程序列表中。有了这个，当我转到我的根 URL 时，调试

• r - 在 R 中，Matlab 中 @ 函数句柄的等价物是什么？

  在 Matlab 中，如果我有一个函数 f，例如签名是 f(a,b,c)，我可以创建一个只有一个变量 b 的函数，它将使用固定的 a=a1 和 c=c1 调用 f: g = @(b) f(a1, b,

• swiftui - SwiftUI 中 ScrollView 中 VStack 元素中的神秘间距或填充

  我不明白为什么 ForEach 中的元素之间有多余的垂直间距在 VStack 里面在 ScrollView 里面使用 GeometryReader 时渲染自定义水平分隔线。 Scrol

• cookies - 什么应该存储在 session 中，什么应该存储在 cookie 中？

  我想知道，是否有关于何时使用 session 和 cookie 的指南或最佳实践？ 什么应该和什么不应该存储在其中？谢谢! 最佳答案 这些文档很好地了解了 session cookie 的安全问题以及

• python - Python 中 matplotlib 中 3d 直方图的奇怪行为

  我在 scipy/numpy 中有一个 Nx3 矩阵，我想用它制作一个 3 维条形图，其中 X 轴和 Y 轴由矩阵的第一列和第二列的值、高度确定每个条形的 是矩阵中的第三列，条形的数量由 N 确定。

• c - c 中 sem_init(...) 中 value 参数的不同用法

  假设我用两种不同的方式初始化信号量 sem_init(&randomsem,0,1) sem_init(&randomsem,0,0) 现在， sem_wait(&randomsem) 在这两种情况下

• c - 实际值存储在 pstr 中，但是该值如何存储在数组 "WORD"中

  我怀疑该值如何存储在“WORD”中，因为 PStr 包含实际输出。？ 既然Pstr中存储的是小写到大写的字母，那么在printf中如何将其给出为“WORD”。有人可以吗？解释一下？ #include

• javascript - 数组索引选择像在 numpy 中，但在 javascript 中

  我有一个 3x3 数组: var my_array = [[0,1,2], [3,4,5], [6,7,8]]; 并想获得它的第一个 2

• javascript - 在 Javascript 中，如何检测浏览器窗口何时在 View 中？

  我意识到您可以使用如下方式轻松检查焦点: var hasFocus = true; $(window).blur(function(){ hasFocus = false; }); $(win

行者123

个人简介

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

作者热门文章

• html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
• JMeter 在响应断言中使用 span 标签的问题
• html - 在 :hover and :active? 上具有不同效果的 CSS 动画
• html - 相对于居中的 html 内容固定的 CSS 重复背景？

滴滴打车优惠券免费领取

全站热门文章

• 开源forHuawei，Beam适配GaussDB实践案例分享
• 性能优化！突破性能瓶颈的尖兵CPUCache
• Redis-十大数据类型
• Python中定位元素包含文本信息的详细解析与代码示例
• Gochannel原理
• Web浏览器播放rtsp视频流详细解决方案
• 网络抓包调试实践
• 免费学习基于SpringBoot的高考志愿智能推荐系统
• Python在Excel单元格中应用数据条
• 在.NETCore中使用ActionBlock实现高效率的多步骤数据处理

Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com