根据选项值自动选择

时间:2012-02-29 20:25:35

标签: javascript php jquery select

我在谷歌上搜索并在YouTube上看到一个使用JavaScript根据选择值自动选择选项的教程。

JavaScript代码如下所示:

$("select[value]").each(function() {
$(this).val(this.getAttribute("value"));
});

HTML中的代码是这样的(在PHP获取数据之后)

<select name="group" id="group" value="4">
    <option value="1">Administrator</option>
    <option value="2">Member</option>
    <option value="3">Developer</option>
    <option value="4">Moderator</option>
    <option value="5">Donator</option>
</select>

select中的值应该告诉JavaScript要选择什么,但它对我不起作用,请帮帮我吗? (我是JavaScript / PHP / MySQL的新手)

2 个答案:

答案 0 :(得分:2)

该代码使用jQuery library。鉴于你没有用jQuery标记你的问题,我怀疑你可能没有意识到它是必需的并且没有包含jquery.js文件?

添加:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

(从Google的CDN加载。)

答案 1 :(得分:0)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
然后尝试像我一样,可能会帮助你

$(function(){
   var val = $("select[name=group]").val();  
   $("select[name=group]").change(function(){
        val = $(this).val();
    });
}