php - jquery-自動選択オプション

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

selectの値を設定するのではなく、選択するオプションの1つを設定します。

これを交換してください

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

これとともに

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