添加所需的標籤給每個選擇元素創建

HTML：

<a href="#" style="margin-left:5px;" id="addZona" class="btn-small btn-success">

JS代碼：

$('#addZona').live('click',function(){ 
     var cont = $("#sc_zonas_agente div.row-fluid").length; 
     var listaPaises = '<?php echo str_replace("\n","",CstudomusHelper::getPaises('id_pais_zona%$1', 'onchange="javascript:CargaProvincias(this.value,false,undefined,%$1)" class="required" required="required" ', $agente->id_pais)); ?>' 
     var listaProvi = CargaProvinciasAgente('<?php echo $agente->id_pais; ?>','<?php echo $agente->id_provincia;?>','','id_provincia_zona'+ cont,'<?php echo JText::_('COM_CSTUDOMUS_SELECT_PROVINCIAS');?>',cont); 

     var listaZonas = CargaZonasAgente('id_zona'+ cont,'<?php echo JText::_('COM_CSTUDOMUS_SELECT_ZONA');?>',cont); 
     //lista = lista.replace('\n',''); 

     var html = '<div id="zona' + cont +'" class="row-fluid">'; 

     html +='<div class="span3"><div class="bfElemWrap control-group paises_zona' + cont + '"><div class="controls"><label class="control-label uk-text-left" for="id_pais_zona' + cont + '"><span class="editlinktip hasTip" title="<?php echo JText::_('COM_CSTUDOMUS_AGENTE_PAISES_DESC');?>" data-uk-tooltip=""><?php echo JText::_('COM_CSTUDOMUS_PAISES');?></span></label>'; 
     for (var i=0; i<4; i++) 
      listaPaises= listaPaises.replace("%$1",cont); 
     html += listaPaises; 
     html +='</div></div></div>'; 

     html +='<div class="span3"><div class="bfElemWrap control-group provincias_zona' + cont +'"><div class="controls"><label class="control-label uk-text-left" for="id_provincia_zona' + cont +'"><span class="editlinktip hasTip" title="<?php echo Jtext::_('COM_CSTUDOMUS_AGENTE_PROVINCIAS_DESC');?>" data-uk-tooltip=""><?php echo JText::_('COM_CSTUDOMUS_PROVINCIAS');?></span></label>';   
     html += listaProvi;    
     html +='</div></div></div>'; 
     html +='<div class="span3"><div class="bfElemWrap control-group municipios_zona' + cont + '"><div class="controls"><label class="control-label uk-text-left" for="id_municipio_zona' + cont +'"><span class="editlinktip hasTip" title="<?php echo Jtext::_('COM_CSTUDOMUS_AGENTE_MUNICIPIOS_DESC');?>" data-uk-tooltip=""><?php echo JText::_('COM_CSTUDOMUS_MUNICIPIOS');?></span></label><select id="id_municipio_zona' + cont +'" name="id_municipio_zona' + cont +'"><option value="" selected="selected"><?php echo JText::_('COM_CSTUDOMUS_SELECT_MUNICIPIOS');?></option></select>'; 
     html +='</div></div></div>'; 
     html +='<div class="span3"><div class="bfElemWrap control-group"><div class="controls"><label class="control-label uk-text-left" for="id_zona' + cont +'"><span class="editlinktip hasTip" title="<?php echo Jtext::_('COM_CSTUDOMUS_AGENTE_ZONAS_DESC');?>" data-uk-tooltip=""><?php echo JText::_('COM_CSTUDOMUS_ZONA');?></span></label>'; 
     html += listaZonas; 
     html +='</div></div></div>'; 
     html +='<a href="#" id="removeZona" data-zona="zona' + cont +'" class="btn-small btn-danger uk-float-right" style="margin-top:-35px;"><span data-uk-tooltip title="<?php echo JText::_('COM_CSTUDOMUS_REMOVE_ZONA_DESC');?>" class="editlinktip hasTip"><i class="icon-trash"></i></span></a>'; 
     html +='</div>' 
     $('#sc_zonas_agente').append(html); 

     //Añadimos valor al contador de zonas 
     $('#contZonas').val(cont); 
     return false; 
    });

我想知道，如何將"required"屬性添加到#addZona按鈕時創建的每個選擇字段如上所示點擊？

來源

2014-03-19 PLATANIUM

Primero的 - 你可以禁用提交如果輸入是空的.. segundo ..住？什麼版本的查詢你有隊友..這一定是真的老 – jycr753

這是一個非常好的例子，在如何做到這一點... http://stackoverflow.com/questions/9671918/disable-submit-if-inputs-空jQuery的，因爲並非所有的瀏覽器都支持必需的，但默認情況下它不應該提交表單是輸入確實有這個值 – jycr753

根本不是PHP相關的。（刪除標籤'PHP'並更改了代碼描述。） – CBroe

這應該做的伎倆：

$('#sc_zonas_agente').append(html).find("select").attr("required", "");

來源

2014-03-19 11:00:35 Wilmer

我喜歡這個主意，但它似乎不工作:( – PLATANIUM

我得到它的工作：D謝謝隊友 – PLATANIUM

太棒了！沒問題。：D – Wilmer

你可以給所有可以選擇的一類，所以只要單擊該按鈕，您可以撥打領域：

var elements = document.getElementsByClass(className); 
elements.forEach(function(element) { 
    element.setAttribute('required', true); 
}

它可能只是工作（未測試）。

來源

2014-03-19 10:54:56

檢查這個例子中，我們添加屬性的HTML元素here $("#previous").attr("control", "-6");。希望它有助於

來源

2014-03-19 11:12:05 Aameer

添加所需的標籤給每個選擇元素創建

回答

相關問題