gpt4 book ai didi

jquery - 使用下拉列表更改背景图像?

转载 作者:可可西里 更新时间:2023-11-01 13:05:21 25 4
gpt4 key购买 nike

我有一个简单的问题我目前正在开发一个带有聊天系统的网站,我希望当用户从下拉框中选择特定的聊天室时,网站的背景图片会发生变化

下面是下拉选择的当前设置

<div class="container chat-signin">
<form class="form-signin">
<h2>Chat Login</h2>
<label for="nickname">Nickname</label> <input type="text" placeholder="Nickname" id="nickname">
<div>
<label for="chatroom">Chatroom</label> <select size="1" id="chatroom">
<option>Gaming Soc</option>
<option>Pokemon Soc</option>
</select>
</div>
<button type="submit" id="enterRoom">Sign in</button>
</form>
</div>

我在想它可以使用 jQuery 来完成,但在实现它时我不知所措

这是我尝试做的一个例子

如果用户选择 Gaming Soc is changes to background 1 如果他们选择 Pookemon Soc is changes to background 2

任何帮助都会很棒

最佳答案

Javascript

var bgChange = function() {
var bgVal = $("#chatroom").val(), chatRoom = $("#chatRoom"); // chatRoom (chatRoom is object id)
if( bgVal == "1" ) {
chatRoom.css("background-image", "url(1.jpg)");
} else if( bgVal == "2" ){
chatRoom.css("background-image", "url(2.jpg)");
}
};

HTML

<select onchange="bgChange()" size="1" id="chatroom">
<option value="1">Gaming Soc</option>
<option value="2">Pokemon Soc</option>
</select>

关于jquery - 使用下拉列表更改背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33851279/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com