Question

我正在使用Patrick Springstubbe多选插头，它工作正常。但现在我想将它用于单选。我知道我需要将select设置为多个才能使插件正常工作。但有没有办法将选项数量限制为1。

我试过了

＆＃13;

$("#ProductCategory").change(function(){

  $(".ms-options").css("visibility","hidden");
  
  }

＆＃13;

当您选择一个选项但是然后您可以重新打开列表时，这会产生所需的效果。我尝试在$（＆＃34;＃ProductCategory＆＃34;）上使用一个函数。点击但这不起作用。

Answer 1

随着Kavindra的消化，最好找一个已经完成这项工作的插件。

如果您仍想使用该插件并进行单一选择，可以试试这个：

{
    "service": {
        "serviceArn": "XXXXXXXX",
        "serviceName": "XXXXXXXX",
        "clusterArn": "XXXXXXXX",
        "loadBalancers": [
            {
                "targetGroupArn": "XXXXXXXX",
                "containerName": "XXXXXXXX",
                "containerPort": 8080
            }
        ],
        "serviceRegistries": [],
        "status": "ACTIVE",
        "desiredCount": 0,
        "runningCount": 0,
        "pendingCount": 0,
        "launchType": "EC2",
        "taskDefinition": "XXXXXXXX",
        "deploymentConfiguration": {
            "maximumPercent": 200,
            "minimumHealthyPercent": 100
        },
        "deployments": [
            {
                "id": "XXXXXXXX",
                "status": "PRIMARY",
                "taskDefinition": "XXXXXXXX",
                "desiredCount": 0,
                "pendingCount": 0,
                "runningCount": 0,
                "createdAt": 1525230109.446,
                "updatedAt": 1525234874.41,
                "launchType": "EC2"
            }
        ],
        "roleArn": "XXXXXXXX",
        "events": [
            {
                "id": "XXXXXXXX",
                "createdAt": 1525230133.646,
                "message": "XXXXXXXX has reached a steady state."
            },
            {
                "id": "XXXXXXXX",
                "createdAt": 1525230121.278,
                "message": "XXXXXXXX has stopped 1 running tasks: (task XXXXXXXX)."
            },
            {
                "id": "XXXXXXXX",
                "createdAt": 1525230109.914,
                "message": "(service XXXXXXXX) has started 1 tasks: (task XXXXXXXX)."
            }
        ],
        "createdAt": 1525230109.446,
        "placementConstraints": [],
        "placementStrategy": [],
        "healthCheckGracePeriodSeconds": 0
    }
}

这是小提琴： https://jsfiddle.net/1jfwp81d/3/

我添加了两个选项，一个用于单个选择，另一个用多个选择一起工作。

请注意这是一个hack ，可能无法与较新版本的插件一起使用。

Answer 2

根据库（https://github.com/nobleclem/jQuery-MultiSelect）的github存储库，您目前无法执行此操作。在代码中的'jquery.multiselect.js'文件中，作者提到它是未来的一个特性。这些是代码中的第74-76行。

// @注意：这些是为了将来的发展

minSelect：false，//可以选择的最小项目数

maxSelect：false，//可以选择的最大项目数

因此，您无法使用此库实现此目的。相反，您可以使用另一个提供这两种功能的库。我建议你使用其中一个;

http://davidstutz.de/bootstrap-multiselect/

https://developer.snapappointments.com/bootstrap-select/examples/

他们都有多个选择和单选选项。

如何使用PATRICK SPRINGSTUBBE jQuery multiselect插件进行单选

2 个答案: