Question

我创建一个选择框，我使用克隆来制作动态选择框，但我克隆的选择框ID和名称是如何更改克隆元素的ID和名称相同？这是我的代码：

<script type="text/javascript">
( function($) {
    // we can now rely on $ within the safety of our "bodyguard" function
    $(document).ready( function() {  
    $('#add_button').on('click', function() {
 var selectClone = $('#event_2').clone(true);  // make a copy of select
 $('#some_target').append(selectClone);    // append to clone select

});  

     });
}) ( jQuery );
</script>

<?
$strQuery1="SELECT event_id,event_name from events";
$result1 = $GLOBALS ['mysqli']->query ($strQuery1) or die ($GLOBALS ['mysqli']->error . __LINE__);
?>
<select id="event_2" name="event_2">
<?  while($ors1 = $result1->fetch_assoc()) {
        echo '<option value="'.$ors1['event_id'] .'" >' . $ors1['event_name'] . '</option>';
    } 
?>
</select>
<button type="button" value="Add" id="add_button">Add Events</button><br />
<div id="some_target">
</div>

我希望下一个克隆元素有id和名称event_3以及我如何做到这一点？

Answer 1

这将照顾一切：

$('#secondevent').clone().attr('id', 'newid').attr('name', 'newname').appendTo( "#some_target" );

克隆，分配新ID，为元素#some_target分配新名称和apppend。

<强> Fiddle

Answer 2

var selectClone = $('#event_2').clone(true);
selectClone.attr({ id: 'event_3', name: 'event_3'});
$('#some_target').append(selectClone);

Answer 3

这应该可以正常工作：

selectClone.attr('id', 'newValue')

将其附加到新位置后立即。

如何更改克隆元素的ID和名称？

3 个答案: