Javascript 当单击将移动到我使用jquery放置的零件时，如何对颜色下拉列表数据进行排序？

如何在单击时对颜色下拉列表数据进行排序将移动到我使用jquery放置的零件

如何使我选择的内容或单击它不能再次选择

您希望

li

只能单击一次吗

在下面的代码中查找

unclicked

类

$（“#ssss”）.on（'click'，'li.unclicked'，function（）{
警报（$（this.find（“input”）.val（））；
$（this.removeClass（“unclicked”）；
});

产品颜色




白色


黑色


我不清楚你的问题。如果要选择单选按钮（如黑色），则突出显示的下拉列表将填充值“黑色”。请确认。是的，大致是这样的：（是的，不清楚。@Eksa，你能编辑你的问题来解释我想要的行为吗？我已经找到了我想要的，但是如何使我选择的或单击它不能再被选择？？？$（“#ssss”）。on（'click'，'li'，function（）{var data=$（this）。find（“input”）.val（）；$（“#ss”）。追加（“
”+datas+”
”；}）；
<div class="row-cont mb-10 controls">
                <div>Product Color</div>
                <ul class="select5-container variant-color selected-color">

                </ul>
                <div class="select5__option-container color-select-holder">
                  <ul class="row-cont select5__option span12 color-select" id="ssss">
                    <li class="span6">
                      <input type="checkbox" name="" value="White">
                      <label class="mb-0">
                        <a>
                          <span class="colorpick-dot" style="background-color:#ffffff;"></span>
                          White
                        </a>
                      </label>
                    </li>
                    <li class="span6">
                      <input type="checkbox" name="" value="Black">
                      <label class="mb-0">
                        <a>
                          <span class="colorpick-dot" style="background-color:#ffffff;"></span>
                          Black
                        </a>
                      </label>
                    </li>
                  </ul>
                </div>
              </div>

$("#ssss").on('click','li',function (){
  alert($(this).find("input").val());
});