Question

我有3个选项，我想自动选择js函数给出的选项。

<script type="text/javascript">
function makeOption(id){
   $("#category-list").val(id);
}
</script>

...

<select name="category" id="category-list">
   <option value="1">FIRST</option>
   <option value="2">SECOND</option>
   <option value="3">THIRD</option>
</select>

<script>makeOption('<?php echo $_GET["id"];?>')</script>

我不知道为什么它不起作用。

Answer 1

改变这个：

<script>makeOption('<?php echo $_GET['id'];?>')</script>

为：

<script type='text/javascript'>makeOption('<?php echo $_GET["id"];?>')</script>;

尝试将代码放在$(document).ready()处理程序中：

<script type="text/javascript">
    $(document).ready(function(){
       function makeOption(id){
           $("#category-list").val(id);
       }
       makeOption('<?php echo $_GET["id"];?>')
    })
</script>

Answer 2

不是设置选择的值，而是设置其中一个选项。

替换此

function makeOption(id) {
    $("#category-list").val(id);
}

用这个

function makeOption(id) {
    $($("#category-list option")[id]).attr('selected', 'selected');
}

jquery - 自动选择选项

2 个答案: