JSFiddle - React, Tailwind, and code Playground
HTML
<div class="em_pho cloned-row" id="em_pho">
<div id ="phone_div" name="phone_div">
<select id="sel_phntype" name="sel_phntype" class="sslt_Field">
<option selected='selected' value=""></option>
<option value="BUSN">Business</option>
<option value="CAMP">Campus</option>
<option value="CELL" selected>Cellphone</option>
<option value="CEL2">Cellphone2</option>
<option value="FAX">FAX</option>
<option value="HOME">Home</option>
<option value="OTR">Other</option>
</select>
<span class = "ph-inline">
<input type="text" class="cc_field txt_CC" placeholder="Country Code" id="txt_CC" maxlength="3" name="txt_CC" />
<input type="text" class="pn_field txt_Pno" placeholder="Phone Number" id="txt_Pno" name="txt_Pno" />
<input type="radio" class="preferred" checked name="preferred" id="rad_Prf" value="preferred"/>
<label class="radio-label">Preferred</label>
<!--<button class="btn_more" id="buttonvalue"></button>-->
<input type="button" value="add" class="btn_more phn_more" id="buttonvalue"/>
</span>
</div>
</div>
JavaScript
$(document).ready(function(){
var count=0;
$(document).on("click", ".btn_more", function () {
var $clone = $('.cloned-row:eq(0)').clone();
$clone.find('[id]').each(function(){
this.id=this.id +(count)
});
$clone.find('.btn_more').after("<input type='button' class='btn_less1 phn_del' value='Del' id='buttonless"+count+"'/>")
$clone.attr('id', "added"+(count));
$clone.find('.preferred').attr('checked', false);
$clone.find('.sslt_Field').val(0);
$clone.find('.txt_CC').val('');
$clone.find('.txt_Pno').val('');
$(this).parents('.em_pho').after($clone);
count++;
});
$(document).on('click', ".btn_less1", function (){
var len = $('.cloned-row').length;
if(len>1){
$(this).closest(".btn_less1").parents('.em_pho').remove();
}
});
$(document).on('change','select.sslt_Field',function(event) {
var _found = false;
var cI = $(this);
var others=$('select.sslt_Field').not(cI);
$.each(others,function(){
if($(cI).val()==$(this).val() && $(cI).val()!="")
{
$(cI).val('');
alert('already selected');
}
});
});
});