- select下拉菜单value可以直接显示吗
-
我做了根据ID回传到修改页面，发现，input有值，select没有值。
select下拉菜单的文本框的值，可否直接显示在页面上如ddlselect.Value = "test";
select.Value='xxxxx'这样来设置select的值是可以的，但是需要存在此值的option，并且只是区分大小写的，没有匹配的option就会显示空白（你应该使用的是chrome所以空白，如果Firefox不存在value则不更改默认值，提交也是提交当前选中的），并且也无法提交这个值，只能提交option存在选中的值
-
- 支付宝加好友偷能量挖 回复happyleo12: 怎么生成没关系，但是你通过select.value='xxxxx'设置值的时候select一定要存在对应的option，要不就是我说的那种情况，为空或者就select没有变化。select不同input可以设置前天值，设置的值只能是option中存在的value值
- 大约 3 年之前 回复
-
- happyleo12 我没有option,下拉菜单是通过数据库里读取的，这样也会影响吗？
- 大约 3 年之前 回复
-
- 支付宝加好友偷能量挖 严格区分大小写
- 大约 3 年之前 回复
-
- happyleo12 我取到值了，就是传不过去，我测试了一下ddlselect.Value = "test"，select的值是空白的
- 大约 3 年之前 回复
修改select值的时候应该是，让value对应的option选中。
这里有一个简单的例子，原理类似，你可以参考一下。
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<style type="text/css">
select {
display: block;
margin: 0 auto;
padding: 0 10px;
width: 200px;
height: 30px;
line-height: 30px;
}
ul {
margin: 30px auto;
padding: 0;
}
li {
display: block;
margin: 0 auto;
padding: 0 10px;
width: 180px;
line-height: 30px;
cursor: pointer;
border: 1px solid #eee;
}
</style>
</head>
<body>
<select name="country">
<option value="0">请选择国家</option>
<option value="1">泰国</option>
<option value="2">韩国</option>
<option value="3">日本</option>
<option value="4">台湾</option>
<option value="5">澳门</option>
</select>
<ul>
<li class="sel-country">1</li>
<li class="sel-country">2</li>
<li class="sel-country">3</li>
<li class="sel-country">4</li>
<li class="sel-country">5</li>
</ul>
<script type="text/javascript">
$(function(){
$('.sel-country').each(function(){
$(this).click(function(){
var o = $('select[name="country"] option');
var l = o.length;
console.log(l);
for(var i = 0; i < l; i++){
if(o.eq(i).attr('value') == $(this).html()){
console.log(i);
o.eq(i).attr('selected','selected')
}
}
})
})
})
</script>
</body>
</html>
