如何添加“已选择”在使用Javascript或jQuery的选项属性？ [英] How to add "selected" in option attribute using Javascript or jQuery?

问题描述

下面是select选项的代码并使用php从数据库生成，我尝试将 selected =selected添加到 value =4 使用jQuery或任何javascript：

Below is code for select option and generate using php from database and i try to add selected="selected" to value="4" using jQuery or any javascript:

<select id="countryselect" name="country">
<option value="1">Afghanistan</option>
<option value="2">Albania</option>
<option value="3">Algeria</option>
<option value="4">Malaysia</option>
<option value="5">Maldives</option>
</select>

我试着参考这个 post 但仍然不能..下面是我当前的脚本：

i try to refer this post but still can't .. below is my current script :

<script>
localStorage.setItem("Select1", "Malaysia");
    $('#countryselect').find('option').each(function(i,e){
        if($(e).val() == localStorage.getItem("Select1")){
            $('#countryselect').prop('selectedIndex',i);
        }
    });
</script>

谢谢。

推荐答案

localStorage.getItem（Select1）将返回马来西亚和 $（e）.val（）将在每个循环中返回1,2 ... 5。所以你的情况永远不会成真。而是使用

localStorage.getItem("Select1") will return Malaysia and $(e).val() will return 1,2...5 in each loop. So your condition will never be true. Instead use

<script>
localStorage.setItem("Select1", "4");
    $('#countryselect').find('option').each(function(i,e){
        if($(e).val() == localStorage.getItem("Select1")){
            $('#countryselect').prop('selectedIndex',i);
        }
    });
</script>

这篇关于如何添加“已选择”在使用Javascript或jQuery的选项属性？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！