Question

对不起伙计们，我的问题不是那么好问，因为我的英语也不好但是现在我会写得更好，我有1个下拉菜，有5个选项：appel，banaan，peer和2个。当您点击'nieuw product'时，您还可以添加更多下拉列表。好的，现在当我打开第一个下拉菜单并选择上传时，我希望在我的第二个下拉列表中禁用它。

这里我有完整代码的jsfiddle链接。但我陷入了代码中。请帮帮我

https://jsfiddle.net/h8djru2o/

var $select = $('<select>').addClass('keuzes');
$select.append('<option>Kies je optie</option>');
$select.append('<option value="appel">Appel</option>');
$select.append('<option value="banaan">Banaan</option>');
$select.append('<option value="peer">Peer</option>');
$select.append('<option value="mandarijn">Mandarijn</option>');
$select.append('<option value="sinasappel">Sinasappel</option>');


$select.on('change', function () {
    //Other code goes here
});

Answer 1

试一试..

$('#myselectbox').click(function() {
     $(this).find('option:selected').remove();
 });

:::::::编辑:::::::

我已经尝试过这样，而且工作正常......

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>
    $(document).ready(function(){
        $('#alpha').click(function() {
            $(this).find('option:selected').remove();
        });
    });
</script>

</head>

<body>

    <select name="alpha" id="alpha">
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
        <option value="D">D</option>
    </select>

</body>
</html>

与此代码进行比较，并检查是否遗漏了任何内容。这里的JQuery代码应该保存在$(document).ready(function(){});中。你做到了吗？

隐藏jQuery中的选定选项

1 个答案: