表单select元素用JS设置默认值的方法,非 selected=”selected” 方式

首先设置select元素的ID,然后通过JS直接给select元素付即可。此方法通过AJAX方式获取联动数据的时候非常方便,在显示选项时也无须再判断哪个选项应该设为默认值。提高程序的执行效率和开发效率。

例如:

HTML代码

<select name="mgroup_big_category" id="mgroup_big_category"
onchange="loadCategory('mgroup_big_category','mgroup_small_category')" style="width: 78px;" true-value="" node-type="ptype"><%$bigCategory%></select>
<select name="mgroup_small_category" id="mgroup_small_category" style="width: 78px;" true-value="" node-type="ctype"></select>

 

J代码:

<script type="text/javascript">
var mgroup_big_category = "<%$mgroup_big_category%>";
var mgroup_small_category = "<%$mgroup_small_category%>";

$('#mgroup_big_category').val(mgroup_big_category);
loadCategory('mgroup_big_category','mgroup_small_category',1);
function originalCategory(){
$('#mgroup_small_category').val(mgroup_small_category);
}

</script>

注意红色部份的内容

发表评论?

0 条评论。

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据