如何在数据库中插入引导下拉值

Posted 2023-05-09

【中文标题】如何在数据库中插入引导下拉值

【英文标题】：How to insert Bootstrap drop-down values in database

【发布时间】：2016-05-26 00:09:20

【问题描述】：

我正在使用引导程序来制作用户表单。 现在我需要在数据库中插入选定的下拉值。 但我面临两个问题。

1) 当我从下拉列表中选择任何项目时，由于 href="#"，它会在 url 中跳转到我的屏幕顶部。当我删除“#”时，它开始在选择项上刷新页面。

2) 我如何定位我的下拉列表以使用 php 在数据库中插入任何选定的值。

我的代码是

 <div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Select City
<span class="caret"></span></button>
<ul class="dropdown-menu">
  <li><a href="#">Lahore</a></li>
  <li><a href="#">Islamabad</a></li>
  <li><a href="#">karachi</a></li>
</ul>
   </div>

javascript 代码

$(document).ready(function() 


    $(".dropdown-menu li a").click(function()
  $(this).parents(".dropdown").find('.btn').html($(this).text() + ' <span class="caret"></span>');
  $(this).parents(".dropdown").find('.btn').val($(this).data('value'));
);

【问题讨论】：

你的javascript代码在哪里？

@Banik 查看 mu 更新问题

首先写href="javascript:void(0)"

@Banik 有效！下一个？

删除 $(this).parents(".dropdown").find('.btn').val($(this).data('value'));写 $(this).parents(".dropdown").find('.btn').attr('data-value',$(this).text());

【参考方案1】：

对于第 1 点： 由于您在 href 中有 # ，因此页面向上滚动（即导航到链接目标）。您可以通过在代码中添加 event.preventDefault() 来阻止此事件。

对于第 2 点：既然您说如果您能够获取服务器端 php 代码的值，那么您可以继续进行，您可以使用 AJAX Post 方法。最终的代码是

 $(document).ready(function() 
    $(".dropdown-menu li a").click(function(e)
      e.preventDefault(); //this is the line which prevents the event
      $(this).parents(".dropdown").find('.btn').html($(this).text() + ' <span class="caret"></span>');
      $(this).parents(".dropdown").find('.btn').val($(this).data('value'));

     //this is the code to post the value to server
     $.post("YourPHPMethod.php",name: $(this).text() ,function(response)
        alert("Response from server: "+response);
     );
);

【讨论】：

那么用于将数据插入数据库的 PHP 代码呢？

我不是 PHP 人，在这方面我恐怕帮不上你。

@Reddy 哦，没关系。我会感谢你的努力和时间。上帝保佑你。

谢谢，保存到数据库不应该是一项简单的任务吗？如果你有 PHP 经验

@Reddy 亲爱的，如果您不使用任何框架，实际上这是一个非常简单的任务。我的下拉代码是特定于引导程序的，所以我有点困惑，因为我是引导程序的新手，如何在 php 中定位这个下拉菜单:)

【参考方案2】：

您必须将其发布到 php.ini 文件中。我用这样的ajax来做。

看：http://www.codesheet.org/codesheet/wOHDXFju

function postContent(cv) 

  $("#myDiv").html('L  O  A  D  I  N  G ...').show();

  var url = "/post.php";

  $.post(url, id: cv ,function(data)   //contentVar is the variable in post.php

       $("#myDiv").html(data).show();

    );

【讨论】：

嘿！您的代码在给定的链接中没有做任何事情

对不起，它正在做