36 lines
925 B
HTML
36 lines
925 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
</head>
|
|
|
|
<body>
|
|
<select name="" id="">
|
|
<option value="">请选择浏览器</option>
|
|
<option value="">百度</option>
|
|
<option value="">谷歌</option>
|
|
<option value="">360</option>
|
|
</select>
|
|
<input type="text" placeholder="关键字">
|
|
<button>登录</button>
|
|
|
|
</body>
|
|
<script> var button = document.querySelector("button");//获取到body里面的button(按钮)
|
|
searchKeyWord=document.querySelector("input")
|
|
select =document.querySelector("select")
|
|
|
|
|
|
button.onclick=function (){
|
|
console.log(select.searchKeyWord[0].value);
|
|
// open(`https://cn.bing.com/search?q=${searchKeyWord.value}`)
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
</html> |