3

我有一个多选列表，我想禁用通过在其中使用单击+拖动进行选择的功能，以便每次单击只能选择一个新值 - 但同时我想继续操作列表一个“多个”选择，以便我仍然可以使用 control+click 选择多个值。

我试过在标签中摆弄 onselectstart 和 ondragstart ，但它们似乎在多选列表中没有做任何事情。例子：

<Select id="foo" name="foo[]" multiple="yes" onselectstart="return false" onchange="ajaxFunction()" Size="5">  
    <option value="" selected>Any</option>  
    <option value="bar"  ondragstart=" return false;">foo</option>  
    <option value="foobar">bar</option> 
    <option value="barfoo">foobar</option>
</Select>

我怀疑我可能需要使用 javascript 而不是纯 html。值得注意的是，选择列表触发了一个 onchange 事件，这可能是其中的一个关键——想到的一个想法是以某种方式计算触发每个 onchange 事件的选择的数量，如果超过一个，那么这些值不会在 onchange 事件中处理或事件被完全取消。但希望有一个更简单的解决方案。

4

1 回答 1

0

好吧，我找不到在 html 中禁用拖动的方法，但我确实设法提出了一个通过刷新页面来中和多个新选择的功能。似乎很多花哨的步法效果不大，但无论如何它对我的目的有用。在将此问题标记为最佳答案之前，我会将这个问题留一两天，以防万一有人提出更好的解决方案。

function ajaxfunction(sel)
    {
        var total_selections_counter = 0;
            //i.e. total selections passed to the onchange event, whether selected previously or not
        var overlapping_selections_counter = 0;
            //i.e. selections which were already selected and are also re-selected and passed to the onchange event
        for (var i = 0; i < sel.options.length; i++)
            {
                if(sel.options[i].selected)
                    {
                        total_selections_counter++;
                    }
                if(sel.options[i].selected && sel.options[i].defaultSelected)
                    {
                        overlapping_selections_counter++;
                    }
            }
        var new_selections_counter = total_selections_counter - overlapping_selections_counter;
        if(new_selections_counter > 1)
            {
                location.reload(true);
            }
        else
            {
               alert("continue processing");
            }
    }
于 2013-09-26T04:27:02.470 回答