Question

我有下拉列表，我想在选择下载列表时从数据库中检索数据。这没有错误。但是当我点击下拉列表而不是下拉值时，这是有效的。这意味着仅适用于默认值。请帮我解决这个错误。代码如下。

下拉列表的HTML代码

ubuntu-gnome@ubuntu-gnome:~$ docker images

Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Get http://%2Fvar%2Frun%2Fdocker.sock/v1.30/images/json: dial unix /var/run/docker.sock: connect: permission denied


ubuntu-gnome@ubuntu-gnome:~$ sudo docker images

Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?
ubuntu-gnome@ubuntu-gnome:~$

Jquery Code就在这里

<select name="lab_no" id="lab-no" class="form-control">
    <option value="Lab 01" >Lab 01</option>
    <option value="Lab 02">Lab 02</option>
</select>

Answer 1

首先，您需要定位选择PdfFont并使用$('#lab-no')事件代替change。然后，您可以定位所选的选项。

＆＃13;

click

＆＃13;

  $(document).ready(function () {
    $("#lab-no").change(function () {
    var txt = $("select option:selected").val()
    console.log(txt)
    if (txt = '') {
    
    } else {
      $('#table-row').html('');
      $.ajax({
        url: "../svr/com-list.php",
        method: "post",
        data: {search: txt},
        dataType: "text",
        success: function (data) {
          $('#table-row').html(data);
        }
      });
    }
  });
});

＆＃13;

Answer 2

你应该尝试这样

1.您需要更改jquery事件

    <script type="text/javascript">
       $(document).ready(function () {
        $("#lab-no").change(function () {
          var txt = $("#lab-no").val();
             alert(txt) //place alert and check value. You will get values which you have selected
             if (txt == '') { //make changes here

             } else {
               $('#table-row').html('');
                 $.ajax({
                  url: "../svr/com-list.php",
                   method: "post",
                   data: {search: txt},
                   dataType: "text",
                   success: function (data) {
                      $('#table-row').html(data);
                    }
               });
           }
        });
   });
 </script>

Answer 3

尝试使用$("#lab-no").change。这样您的事件将在下拉列表中进行更改后触发。

您不应在:selected中使用$("#lab-no:selected").val()，因为不需要$("#lab-no").val()。 $(document).ready(function() { $("#lab-no").change(function() { var txt = $("#lab-no").val(); console.log(txt) if (txt = '') { } else { $('#table-row').html(''); $.ajax({ url: "../svr/com-list.php", method: "post", data: { 'search': txt }, dataType: "text", success: function(data) { $('#table-row').html(data); } }); } }); });将返回所选值。

工作演示

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="lab_no" id="lab-no" class="form-control">
    <option value="Lab 01">Lab 01</option>
    <option value="Lab 02">Lab 02</option>
</select>

{{1}}

Answer 4

您可以使用简单的方式：

var drpSelectedValue=$("#lab-no").val();

愿这对你有帮助。

如何使用Jquery从HTML下拉列表中获取价值

4 个答案: