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-12 15:43:28

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" /> <

JAVA EE 项目经常使用知识 之AJAX技术实现select下拉列表联动的两种使用方法(让你真正理解ajax)

ajax 下拉列表联动的使用方法. ajax的定义: AJAX 是一种用于创建高速动态网页的技术. 通过在后台与server进行少量数据交换,AJAX 能够使网页实现异步更新.这意味着能够在不又一次载入整个网页的情况下,对网页的某部分进行更新. ajax效果的一个样例: 区域为空的时候,维护人情况: 选了一个区域后的情况:(选 舒城县 联带出来的维护人员 小刘) 一.原生态的js实现 XMLHttpRequest 是 AJAX 的基础 XMLHttpRequest 对象 全部现代浏览器均支持 X

Js实现select联动,option从数据库中读取

待要实现的功能:页面有两个select下拉列表,从第一个select中选择后,在第二个select中出现对应的列表选择,再从第二个select中选择后,在一个text中显示对应的信息.两个select和text的数据全部来自oracle数据库,该功能用js实现. 首先我们先定义两个select和text: <select id="department" style="width: 80px" onChange="selectChange(this.v

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

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