Php 如果单击“选择”框中的值，则无法选择该值

我做了一个技能选择框，里面列出了一些技能。。如果我们选择它一次，它将被添加到一个DIV中。n我想要的第一件事是，如果它在DIV中，它就不能在选择框中再次选择。n在DIV中有一个“x”。如果单击它。该DIV将被删除。。。 现在我的观点是。第二件事是，当通过单击“X”删除DIV的值时，选择框中的相同值将再次激活。我们可以选择itenabled

这是我在本教程中使用的javascript

  <script type="text/javascript">
  var i=0;
  function generateTextbox(){
   if(i<5){
var d=document.getElementById("div");
    var skilldiv=document.getElementById("skill").value;
    d.innerHTML+="<div>"+skilldiv+"<a  class='close_notification' onclick='this.parentNode.parentNode.removeChild(this.parentNode); '>X</a></div>";
 i=i+1;
}
 }

  </script>

“选择框”值是动态出现的

<select id="skill" name="skill" multiple="multiple" style="float:left; height:160px; width:375px;" onchange="generateTextbox();">
<?php    foreach ( $fivesdrafts as $fivesdraft ) 
{
$fivesdraft->skill_name;
$fivesdraft->skill_id;



?>
 <option value="<?php echo $fivesdraft->skill_name; ?>" onclick="this.disabled='disabled';"  > <?php echo    $fivesdraft->skill_name; ?></option>

       <?php } ?>                 
                  </select>
 }

</script>


<?php } ?> 

这是我的选择框值在点击后出现的div

<div id="div"></div> 

---

你想要这样的东西吗：

jQuery代码：

---

伟大的在尽情享受吧！如果有帮助，请接受我的回答！：提前谢谢谢谢老兄…这对我很有帮助…我检查了你的链接…这有完整的教程。。。n我是新来的..n不知道如何接受你的答案来建立你的声誉…或者它会自动添加到我的评论中@普拉文Kumar@user1436528我的问题计票下面会有“接受答案”按钮。再等一天，检查一下好的，我将…在本教程中…当我们单击第一个列表框时…它会转到第二个列表框，反之亦然…我们可以做些什么吗..比如当我们单击第一个列表框时..值会转到第二个列表框，并且它也在第一个列表框中如果它在第二个列表框中，并且当我们在第二个列表框..它将在第一个列表框中激活并从第二个列表框中删除。。。我希望你明白我真正想要的是什么……谢谢我在assignList函数中添加了一个attributeattr'disabled'，'disabled'来代替remove，以仅禁用该特定值..但当我在第一个列表框D中单击该禁用值时，它仍会出现在第二个列表框中。你有什么办法解决这个问题吗@Pravin Kumar thanx的广告：

// function: UnAssignment
function assignList()
{
    // loop through first listbox and append to second listbox
    $('#firstList :selected').each(function(i, selected){
        // append to second list box
        $('#secondList').append('<option value="'+selected.value+'">'+ selected.text+'</option>');
        // remove from first list box
        $("#firstList option[value='"+ selected.value +"']").remove();
    });
}
// function: UnAssignment
function unassignList()
{
    // loop through second listbox and append to first listbox
    $('#secondList :selected').each(function(i, selected){
        // append to first list box
        $('#firstList').append('<option value="'+selected.value+'">'+ selected.text+'</option>');
        // remove from second list box
        $("#secondList option[value='"+ selected.value +"']").remove();
    });
}