Question

我使用下面的代码在我的表单上创建一个GET / Import按钮。我想为我的用户导入NAME和AGE。

这是我获取值的jQuery脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('.button').click(function() {
            $.get('values.php', function(data) {
                result = $.parseJSON(data);
                $("input[name='nick_name']").val(result.avaname);
                $("option[name='age']").val(result.tavaage);
            });
        });
    });
    </script>

这是我的表单，其中“{strong>输入字段用于name”和“选择选项菜单用于age”：

<tr>
<td><label>Name <span>(nickname)</span></label><input type="text" value="<? echo $nick_name;?>" id="nick_name" class="" name="nick_name" /></td>

<td><label>Age</label><select id="age" class="" name="age" ><option value="<? echo $age; ?>" ><? echo $age; ?></option>
<option value="18" >18</option>
<option value="19" >19</option>
<option value="20" >20</option>
<option value="21" >21</option>
<option value="22" >22</option>
<option value="23" >23</option>
<option value="24" >24</option>
<option value="25" >25</option>
<option value="26" >26</option>
<option value="27" >27</option>
</select>
</td>
</tr>

<input class="button" type="button" value="Get/Import" />

我的问题是：当我按下此按钮时，name的输入字段会更新，并按预期显示name，但age选择选项是还是空的吗？

我的问题是：如何为age的选择菜单更新/添加选项值？（我知道在我的jQuery脚本中，LINE NR 8是不正确的，但这就是我所尝试过的）

所有帮助将受到高度赞赏：D

Answer 1

试试这个：

$("#age option[value='"+result.tavaage+"']").attr("selected","selected");

Answer 2

试试这些

$('#age').attr('value',result.tavaage);

OR

$("#age").val(result.tavaage);

Answer 3

您需要将值设置为select元素，而不是option。

$("#age").val(result.tavaage);

如何使用jQuery更新Select Option下拉菜单？

3 个答案: