2016-08-26 176 views
0

我需要从数据动态生成的下拉列表中选择一个默认值。从下拉菜单中设置默认选择值

<html> 
<tr><td><Select id="charge" name="charge"/></td></tr> 
</html> 

我用了这样的Ajax调用来获取数据并填充列表中的ID:收费。 现在从列表中我需要保留一个值作为默认选择。 任何人都可以帮助我。

$(document).ready(function(){ 

$('[name=charge]').val('Funds'); 

}); 

但它不起作用。

+0

附加'options'因为当你设置'value',有在选择输入任何选项后设置'value'被选中... – Rayon

+0

你写'('[name = charge]')。val('Funds');'在ajax成功处理程序中,数据被附加到选择框中。 – vijayP

+0

可能是http://stackoverflow.com/questions/3518002/how-can-i-set-the-default-value-for-an-html-select-element – Tyler

回答

0
$(document).ready(function(){ 

$('#charge').append('<option value="funds">option1</option>'); 

}); 

使用Ajax数据追加到同一ID

2

使用此代码:

$(document).ready(function(){ 

$('[name=charge]').append("<option selected>Funds</option>") 

}) 

最终代码:

<html> 
 
<head> 
 
</head> 
 
<body> 
 
    <tr> 
 
     <td> 
 
      <Select id="charge" name="charge"/> 
 
     </td> 
 
    </tr> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script> 
 
     
 
    $(document).ready(function(){ 
 

 
     $('[name=charge]').append("<option selected>Funds</option>") 
 

 
    }) 
 
    
 
    </script> 
 
</body> 
 
</html>

+0

谢谢......它为我工作.. –

+0

@AnushaGonugunta,如果你帮助你标记它! – Ehsan

0

$(document).ready(function(){ 
 
$('[name=charge]').append("<option>Funds1</option>"); 
 
$('[name=charge]').append("<option selected='selected'>Funds</option>"); 
 
$('[name=charge]').append("<option>Funds2</option>"); 
 

 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    
 
    <tr><td><Select id="charge" name="charge"/> 
 
     </td></tr>