js控制select数据绑定下拉列表

JS代码段: 

<script type="text/javascript">
        $(document).ready(function () {
            $("select[name=‘paystatus‘]").val("@Model.paystatus");           //方法一
            //$("#paystatus option[value=‘@Model.paystatus‘]").attr("selected", true); //方法二
        });
</script>

//Html部分代码
<select name="paystatus" id="paystatus">
  <option value="0">未支付</option>
  <option value="1">已支付</option>
</select>

注:一、方法一是依据$("select[name=‘paystatus‘]")标签查询select对象并为其赋值。
  二、方法二是分解$("#ID option[value=‘@Model.paystatus‘]")查询select option值为@Model.paystatus的选项对象,使用attr()方法赋值selected属性为True;

版权声明:本文博主原创文章,博客,未经同意不得转载。

时间: 2024-10-08 08:15:42

js控制select数据绑定下拉列表的相关文章

js控制select返回原先选择的状态

找了好久,应该有比较简单的,不多说,上代码 页面: <div id="testArea"> <select class="selq" onchange="startchosee(this)" > <option value="1">选择1</option> <option value="2">选择2</option> <optio

js控制select下拉列表数据绑定

JS代码部分:  <script type="text/javascript"> $(document).ready(function () { $("select[name='paystatus']").val("@Model.paystatus"); //方法一 //$("#paystatus option[value='@Model.paystatus']").attr("selected"

js控制select选中显示不同表单内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

bootstrap-select js jQuery控制select属性变化

bootstrap-select我想大家都不陌生是一个前端下拉框的插件非常好用,在select的标签中设置属性可以做很多功能控制,不过初始化之后怎么去修改网上找遍中文英文也没有一个交代自己研究好久研究出来了,当然有的人会干掉重新生成那样太low,我决定来填补这个空白. js控制select属性变化其实很简单,并不需要 $('#goodsNames').selectpicker('render'); $('#goodsNames').selectpicker('refresh'); 来重新渲染只用

多选框数据绑定,js控制显示隐藏选中等方法

<td style="background:#F3F8FD; border-top-style: none; border-top-color: inherit; border-top-width: medium;" class="style1">投资分阿类:</td> <td colspan="3"; style="background:#F3F8FD;width:795px;padding-left:1

js控制TR的显示影藏

在很多现实的场景中,有的文本框我们希望在选择“是”的按钮之后才出现,这就需要js控制TR的隐藏和显示,(div的影藏显示类似) 以下是一段选择是的按钮就显示身高和体重的文本框的代码.注意:ready方法必须要引用jquery的库. 1.html Code <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <

JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 全部选择全选被选择

</pre><pre name="code" class="javascript"><span style="font-size:18px;">//点击全选按钮的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo"); var select=document.getElementsByName

JS模拟select控件的代码

用JavaScript模拟实现Select下拉选框功能,在本效果的实现上,背景图片起到了非常重要的美化作用,然后用CSS和JS分别对LI进行控制,最终实现漂亮的Select效果. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&q

JS操作select标签

主要利用这个来实现省市区三级联动的 我利用的是ajax,每一次onchange事件都改变相对应的select中的option,数据全是ajax请求服务器查询数据库而来的,效果还可以,在本地测试的时候速度还是可以的,用户基本体会不到带来的轻微卡顿,还有种方式是把数据直接写在本地的js中作为数组存放起来,但是我的数据已经在数据库中,所以这种方式被我否定了,但是我认为这种方式运行速度应该比我的快. 下面是JS操作select的几种用法,常用的我就记录一下. 1.动态创建select function