从下拉列表中设置默认选择值

时间:2016-08-26 11:46:48

标签: javascript jquery

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

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

我使用了这样的ajax调用来获取数据并将列表填入id:charge。 现在从列表中我需要保留一个值作为默认选择。 任何人都可以帮助我。

$(document).ready(function(){

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

});

但它不起作用。

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

$(document).ready(function(){

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

});

使用ajax数据附加到相同的id

答案 2 :(得分: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>