Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/274.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 即使我选择了多个值,引导Multiselect也会显示选择了0_Javascript_Php_Html_Jquery_Css - Fatal编程技术网

Javascript 即使我选择了多个值,引导Multiselect也会显示选择了0

Javascript 即使我选择了多个值,引导Multiselect也会显示选择了0,javascript,php,html,jquery,css,Javascript,Php,Html,Jquery,Css,当我选择多个值时,它显示标签中选择的0。我认为Javascript有问题。请看这张图片: 我还想在数据库中存储所有值。我应该将所有值存储在一个数组中,然后将其传递给PHP吗 $document.readyfunction{ $multifield1选项:选中。每个函数{ console.logthis.text; }; }; 感兴趣的领域: X Y Z 此代码放在$document.ready事件处理程序中,这意味着它将仅在首次加载页面时执行。我假设最初在页面加载时,还没有选择任何内容 您可以

当我选择多个值时,它显示标签中选择的0。我认为Javascript有问题。请看这张图片:

我还想在数据库中存储所有值。我应该将所有值存储在一个数组中,然后将其传递给PHP吗

$document.readyfunction{ $multifield1选项:选中。每个函数{ console.logthis.text; }; }; 感兴趣的领域: X Y Z
此代码放在$document.ready事件处理程序中,这意味着它将仅在首次加载页面时执行。我假设最初在页面加载时,还没有选择任何内容

您可以侦听select的onchange事件,并在处理程序中使用代码,以便每次更改select值时代码都会运行

$(document).ready(function() {

    $("#multifield1").on("change", function() {
      $(this).find("option:selected").each(function() {
        console.log(this.text);
      });
    })

});

此代码放在$document.ready事件处理程序中,这意味着它将仅在首次加载页面时执行。我假设最初在页面加载时,还没有选择任何内容

您可以侦听select的onchange事件,并在处理程序中使用代码,以便每次更改select值时代码都会运行

$(document).ready(function() {

    $("#multifield1").on("change", function() {
      $(this).find("option:selected").each(function() {
        console.log(this.text);
      });
    })

});

要将数组中的值发送到PHP,应如下设置select标记的name属性:

<select name="test[]" id="multifield1" class="multiselect-ui form-control" multiple="multiple">

另外,不要忘了在标记中创建表单并添加提交按钮。

要将数组中的值发送到PHP,您应该设置select标记的name属性,如下所示:

<select name="test[]" id="multifield1" class="multiselect-ui form-control" multiple="multiple">
另外,不要忘记在标签中创建表单并添加提交按钮。

您需要使用事件处理程序:

$'multifield1'。多选{ onChange:functionoption,选中{ var selectedItems=$multifield1选项:selected.length; console.log'selected items:'+selectedItems; } }; $'button.btn.btn info'。单击,函数E{ var selectedItems=$multifield1选项:selected.length; console.log'Info btn:selected items:'+selectedItems; }; 信息 感兴趣的领域: X Y Z 您需要使用事件处理程序:

$'multifield1'。多选{ onChange:functionoption,选中{ var selectedItems=$multifield1选项:selected.length; console.log'selected items:'+selectedItems; } }; $'button.btn.btn info'。单击,函数E{ var selectedItems=$multifield1选项:selected.length; console.log'Info btn:selected items:'+selectedItems; }; 信息 感兴趣的领域: X Y Z
您没有在页面中包含jquery.js,这是bootstrap所依赖的。我应该将所有值存储在一个数组中,然后将其传递给PHP吗?如果您使用AJAX发送请求,那么是的。如果你只是发送一个普通表单的帖子,那么你不必担心,因为它会为你处理好的。看看你需要在你的JS中添加一个更改功能。谢谢,我会查看文档。但我在multiselect选项中遇到了障碍,当我选择多个值时,标签值没有更新,它仍然显示0 selected。任何建议。您没有在页面中包含jquery.js,这是bootstrap所依赖的。我应该将所有值存储在一个数组中,然后将其传递给PHP吗?如果您使用AJAX发送请求,那么是的。如果你只是发送一个普通表单的帖子,那么你不必担心,因为它会为你处理好的。看看你需要在你的JS中添加一个更改功能。谢谢,我会查看文档。但我在multiselect选项中遇到了障碍,当我选择多个值时,标签值没有更新,它仍然显示0 selected。有什么建议吗?好的,日志上有,但是,即使我选择了多个值,它也会显示“0已选定”。@ShadabEqbal究竟是什么仍然显示“0已选定”?在“multiselect”中,当我选择多个选项时,标签必须根据我选择的项目数进行更新,但无论我选择什么,它都会显示“0已选定”选项,无论它是在内部选择还是在外部选择的同时,这些值也被发布到数据库中。看看这张图片:@ShadabEqbal哦,好了,现在我明白了。如果您愿意,请在问题中加入图像,以便其他人能够更好地理解您的问题。我自己也没有更好的答案了。好吧,日志上显示了,但是,即使我选择了多个值,它也会显示“0已选定”。@ShadabEqbal究竟是什么仍然显示“0已选定”?在“multiselect”中,当我选择多个选项时,标签必须根据我选择的项目数进行更新,但无论我选择什么,它都会显示“0已选定”选项,无论它是在内部选择还是在外部选择的同时,这些值也被发布到数据库中。看看这张图片:@ShadabEqbal哦,好了,现在我明白了。如果您愿意,请在问题中加入图像,以便其他人能够更好地理解您的问题。我自己也没有更好的答案。