Javascript 如何制作第一个动态下拉菜单必须从第二个下拉菜单中选择？_Javascript_Jquery

Javascript 如何制作第一个动态下拉菜单必须从第二个下拉菜单中选择？

javascript jquery

Javascript 如何制作第一个动态下拉菜单必须从第二个下拉菜单中选择？,javascript,jquery,Javascript,Jquery,这里我要做的是——我有一个mysql表中的动态下拉列表。我试图使第一下拉强制，选择任何选项从第二下拉。我试图在第二个下拉菜单更改函数中传递第一个下拉菜单中的所选选项值，并检查其是否为空但是还没有成功。代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Docume

这里我要做的是——我有一个mysql表中的动态下拉列表。我试图使第一下拉强制，选择任何选项从第二下拉。我试图在第二个下拉菜单更改函数中传递第一个下拉菜单中的所选选项值，并检查其是否为空

但是还没有成功。代码如下：

      <!doctype html>
      <html>
      <head>
          <meta charset="utf-8">
          <title>Untitled Document</title>

          <script type="text/javascript">

              $(document).ready(function (e) {

                  $("#cat").change(function one () {

                      var textval = $(":selected", this).html();
                      var url = $(this).val(); // get selected value

                      if (url) { // require a URL
                          window.location = 'page.php?cat=' + url + '&subcat=' + textval; // redirect
                      }

                     // store value of selected option in url. This value be paseed on to below function two();

                     // function two(url);

                  }) // cat change function ends

                  $("#subcat").change(function two() {

                      var numval = $(":selected", this).val();
                      //$("#aid").val(numval);

                      var textval2 = $(":selected", this).html();
                      //$('input[name=villa-name]').val(textval2);

                      window.location = window.location.href + '&subcat=' + numval;


                  })

              });


          </script>


      </head>
      <body>
      </body>
      </html>

提前谢谢。仍然想知道如何在jQuery中实现这一点吗？

我不确定，但是如果您试图从两个下拉列表的选定值构建URL，您可以这样做

var catWasSelected = false;
$("#cat").change(function() {
     catWasSelected = true;
});

$("#subcat").change(function() {
     if(catWasSelected){
         var cat = $("#cat").val();
         var subcat = $("#subcat").val();
         window.location = 'page.php?cat=' + cat + '&subcat=' + subcat;
     }else{
         // set the subcategory back to default
         // something like: $("#subcat").val("default");
         alert("Please select a category");
     }
});

$subcat.attr已禁用，已禁用； $cat.changefunction{ 如果$cat选项：selected.val！==--{ $subcat.removeattrIsabled }否则{ $subcat.attr已禁用，已禁用； } }; 选择一个一二选择另一个一二

DD1ID中的change事件做了一些事情，比如更改页面的url，但这不是我关心的问题。我的问题是-如果我选择了第二个下拉选项，而没有选择第一个下跌点，那么这是不允许的。现在，如果没有从dd1中选择任何内容，这意味着它是空的，那么dd2就不能被允许或完成。我很高兴看到您使用javascript设置disabled的初始值。很多人忘记了优雅的降级，将属性放在HTML中，如果javascript在页面加载时因某种原因中断，表单将变得无用。