javascript实现设置select下拉列表框中选中内容。 1)单击不同的div,实现<select></select>下拉列表框中选中内容的切换,也就是说不想通过单击下拉select的下三角按钮而更换值,只想单击div变换它的选中内容,怎么做?前台javascript实现。2)或者可以理解为单击div从而设置他的列表框选中的文字。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <select id="s"> <option>11111111</option> <option>22222222</option> <option>33333333</option></select><div onclick="func(1)"> 111111</div><div onclick="func(2)"> 222222</div><div onclick="func(3)""> 333333</div><script type="text/javascript">function func(index){ document.getElementById("s").options[index-1].selected=true}</script> <select id="s">...</select><div onclick="SetData()">function SetData(){sa= document.getElementById("s")sa.selectedIndex=2 //第3个选中//或者sa.options[2].selected=true} <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title></title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="js/aa.js"></script> <script type="text/javascript"> function aaa(){ document.getElementById('s1').options[1].selected = "selected" } </script> </head> <body> <div onclick="aaa()" style="border: red solid 1px;"> 我是div 点击我 就会选中下拉列表第2个元素bbb </div> <select id="s1"> <option value="aa"> aaa </option> <option value="bb"> bbb </option> <option value="cc"> ccc </option> </select> </body></html> 设置select元素中option元素的selected值就行 document.getElementById(selId).value = divvalue;这样就行了 <select id="sel"><option value="A">A</option><option value="B">B</option></select><div id="triggerA">Select A</div><div id="triggerB">Select B</div><script>var selectDom = document.getElementById("sel"), triggerA = document.getElementById("triggerA"), triggerB = document.getElementById("triggerB"), optMap = { // option 映射关系 A: 0, B: 1 };triggerA.onclick = function(ev) { selectDom.selectedIndex = optMap['A'];}triggerB.onclick = function(ev) { selectDom.selectedIndex = optMap['B'];}</script> ++ 直接设置value就可以!当然设置 selectedIndex 也行 设置select元素中option元素的selected值就行 设置select元素中option元素的selected值就行 刚开始看js,有个页面取值的小问题弄了半天 pdf模板 如何取消登录验证码;保存密码,自动登录 菜鸟提问 数据库存入的HTML标签 如何还原显示出来 求助:关于列表选择问题 分不够再加:帮我解决文字编辑器相关东东 各位大虾帮帮我,关于表格问题 在线等候。。。 表单提交之前会reset 新手求教? Js种如何引用别的js? 改变输入框中颜色的问题 新手请教简单计数器
<option>11111111</option>
<option>22222222</option>
<option>33333333</option>
</select>
<div onclick="func(1)">
111111</div>
<div onclick="func(2)">
222222</div>
<div onclick="func(3)"">
333333</div><script type="text/javascript">function func(index)
{
document.getElementById("s").options[index-1].selected=true
}</script>
<select id="s">...</select><div onclick="SetData()">function SetData()
{
sa= document.getElementById("s")
sa.selectedIndex=2 //第3个选中
//或者
sa.options[2].selected=true
}
<html>
<head>
<title></title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/aa.js"></script>
<script type="text/javascript">
function aaa(){
document.getElementById('s1').options[1].selected = "selected"
}
</script> </head> <body>
<div onclick="aaa()" style="border: red solid 1px;">
我是div 点击我 就会选中下拉列表第2个元素bbb
</div>
<select id="s1">
<option value="aa">
aaa
</option>
<option value="bb">
bbb
</option>
<option value="cc">
ccc
</option>
</select>
</body>
</html>
这样就行了
<option value="A">A</option>
<option value="B">B</option>
</select>
<div id="triggerA">Select A</div>
<div id="triggerB">Select B</div>
<script>
var selectDom = document.getElementById("sel"),
triggerA = document.getElementById("triggerA"),
triggerB = document.getElementById("triggerB"),
optMap = { // option 映射关系
A: 0,
B: 1
};
triggerA.onclick = function(ev) {
selectDom.selectedIndex = optMap['A'];
}
triggerB.onclick = function(ev) {
selectDom.selectedIndex = optMap['B'];
}
</script>
++ 直接设置value就可以!当然设置 selectedIndex 也行