澳门新浦京娱乐场网站-www.146.net-新浦京娱乐场官网
做最好的网站

澳门新浦京娱乐场网站:用js设置下拉框为只读的

作者们在做web页面自动化测量试验的时候会时不常遇上<select></select>标签的下拉框,那么在Python里怎么促成去操作这种控件呢?前天就给大家享受一下那几个玩的方法。为了让大家学习更利于,作者希图了三个测验页面。

在项目支出进度中大家平常会遇上要安装下拉框为只读(readonly),然则可惜的是select未有只读属性,所以必要在select外面包括三个span,通过js来退换。

js增多select下私下认可的option的value和text的方法,optionvalue

<pre name="code" class="java">

jsp 中的下拉框标签:

<s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px; border:0" multiple="true"></s:select>

复制代码 代码如下:

<pre name="code" class="html">

multiple="true"意思是永葆选用四个。
</pre><pre code_snippet_id="487056" snippet_file_name="blog_20141017_5_1612209" name="code" class="javascript">

js中灵活创立select标签下的项的形式:

复制代码 代码如下:

<pre name="code" class="javascript">var oSelect = $("sjx");<span style="white-space:pre"> </span>//sjx为html或jsp页面上的select标签的id,借使使用Extjs的话,能够用EXT.getDom('sjx')获取标签

var oOption = document.createElement("OPTION");<span style="white-space:pre"> </span>//js中开创select标签下的OPTION子标签
oSelect.options.add(oOption);<span style="white-space:pre"> </span>//将新建的OPTION子标签增多到select标签下
oOption.value = "001";<span style="white-space:pre"> </span>//内容对应的value值
oOption.innerHTML ="小苹果";<span style="white-space:pre"> </span>//展现的下拉框的内容
...就那样类推

Note:js中的这种情势,在一定的场所是相比较实用的,举例:这里呼吁不回来特定界面,也等于不刷新整个分界面。而是使用Ajax情势的异步乞求做一些有的的数码乞求,那么今年上边strut2的主意,就能够失效。

复制代码 代码如下:

<pre name="code" class="java"><pre name="code" class="java">for(...){
HashMap<String,Object> map = new HashMap<String,Objcet>();
map.put("BM","001");
map.put("MC","小苹果");
sjxList.add(map);
}

别的一种办法,也是异平时用的:利用struts2的风味,在Action中定义三个List<Object>变量(以本例为例,命名称为:sjxList),并安装set、get方法。

因而三个 HashMap 对象,增加原委,比方:

</pre>再次来到分界面时,即将分界面包车型客车select下拉框中浮现“小苹果”。

<pre name="code" class="html">最简单的一种方式: 
直接在jsp页面手动添加select标签的OPTION项 
<html> 
<body> 
<form> 
<select id="cars" name="cars"> 
<option value="volvo">Volvo</option> 
<option value="binli">Binli</option> 
<option value="mazda" selected="selected">Mazda</option> 
<option value="audi">Audi</option> 
</select> 
</form> 
</body> 
</html> 

在档次成本进程中我们平常会碰着要安装下拉框为只读(readonly),可是缺憾的是select没有只读属性,所以须求在select外面包括贰个span,通过js来改换。

率先,html属性中有三个艺术,叁个有参,一个无参

测量试验的html页面代码为:

上面这段html代码是在struts2的下拉标签中到场了span标签,在页面装载的时候就让下拉框变成不可读。

写二个js函数,方法内容为独家alert出近日页面<select>组件onchage时option的text与value值

function A(){
var obj = document.getElementById(”select_id”); //selectid
var index = obj.selectedIndex; // 选中索引
var text = obj.options[澳门新浦京娱乐场网站,index].text; // 选汉语本
var value = obj.options[index].value; // 选中值
alert("text=" text "value=" value)
}  

下边这段html代码是在struts2的下拉标签中参预了span标签,在页面装载的时候就让下拉框变成不可读。

1. 无参html():取得第二个相称成分的html内容。那些函数无法用来XML文档。但能够用于XHTML文书档案,重返的是三个String

<html>
<head>
<title>学Python网 - Selenium学习测试页面</title>
<body>
请选择2018年春节回家的方式!
<select id="traffic" class="form-control valid" onchange="" name="traffic">
    <option value="">买不到票</option>
    <option value="0">火车</option>
    <option value="1">飞机</option>
    <option value="2">汽车</option>
 <option value="3">轮船</option>
    <option value="4">自驾</option>
 <option value="5">摩托车</option>
 <option value="6">自行车</option>
</select>
</body>
</head>
</html>

复制代码 代码如下:

js中怎获取<option></option>之间的文本音讯

var obj = document.getElementById("ci");
var txt = obj.options[obj.selectedIndex].text;
alert(txt);  

pre name="code" class="java" jsp 中的下拉框标签: s:select name="sjx" id="sjx" list="sjxList" listKey...

复制代码 代码如下:

例子:

据悉html源代码简单剖析下,该select标签有id,那么大家就可以使用find_element_by_id来稳定了,当然xpath的法子必然也是卓有功能的!Python代码如下:

<body onload="init()">
<span id="id_select">
<s:select name="sjdwmc" list="sjdxdwList" listKey="dxbh" listValue="dwmc" headerKey="" headerValue=""></s:select>
</span>
</body>

<body onload="init()">
<span id="id_select">
<s:select name="sjdwmc" list="sjdxdwList" listKey="dxbh" listValue="dwmc" headerKey="" headerValue=""></s:select>
</span>
</body>

html页面代码:<div><p>Hello</p></div>

# Autor: 5bug
# WebSite: http://www.XuePython.wang
# 学Python网QQ群: 643829693
from selenium import webdriver
from selenium.webdriver.support.select import Select

driver = webdriver.Chrome("C:Program Files (x86)GoogleChromeApplicationchromedriver.exe")
driver.maximize_window()
driver.get('file:///E:MyCodesPythondemosXuePython.wangSeleniumTest.html')
sel =Select(driver.find_element_by_id('traffic'))
#打印所有的下拉框选项
for item in sel.options:
  print(item.text)
#选择回家方式 若要选择其他的方式则输入相对应的value参数即可
sel.select_by_value('1')

正如是js代码,在init方法中调用selectReadOnly让下拉框形成只读。

如下是js代码,在init方法中调用selectReadOnly让下拉框产生只读。

jquery代码:$("div").html();

运作效果如下:

复制代码 代码如下:

复制代码 代码如下:

结果:Hello

澳门新浦京娱乐场网站 1

/*基于页面上span的id设置select为只读/

/*依赖页面上span的id设置select为只读/

2.有参html(val):设置每一个相称成分的html内容。那几个函数不能够用于XML文书档案。但能够用于XHTML文书档案。再次来到八个jquery对象

实在在职业中还会有一种下拉框input,那么些大家前面再介绍了!这里只是给大家做个入门的指点,蒙受难点的可以在QQ群里相互沟通!

function selectReadOnly(selectedId){
var obj = document.getElementById(selectedId);
obj.onmouseover = function(){
obj.setCapture();
}
obj.onmouseout = function(){
obj.releaseCapture();
}
obj.onfocus = function(){
obj.blur();
}
obj.onbeforeactivate = function(){
return false;
}
}

function selectReadOnly(selectedId){
var obj = document.getElementById(selectedId);
obj.onmouseover = function(){
obj.setCapture();
}
澳门新浦京娱乐场网站:用js设置下拉框为只读的小技术,val与text三者属性取值的联络与差距介绍。obj.onmouseout = function(){
obj.releaseCapture();
}
obj.onfocus = function(){
obj.blur();
}
obj.onbeforeactivate = function(){
return false;
}
}

html页面代码:<div></div>

正文首发吾八哥个人博客:http://www.5bug.wang

function init(){
selectReadOnly("id_select");
}

function init(){
selectReadOnly("id_select");
}

jquery代码:$("div").html("<p>Nice to meet you</p>");

姣好这里顺理成章,试试效果啊!!!

完了这里马到功成,试试效果呢!!!

结果:[ <div><p> Nice to meet you</p></div> ]

...

你可能感兴趣的篇章:

  • js调控input框只读完成示例
  • js 禁止使用只读文本框获得核心时的退格键
  • JavaScript兑现点击单选开关改换输入框汉语本域内容的法子
  • JS清空多文本框、文本域示例代码
  • JS替换文本域内的回车示例
  • javascript完成文本域写入字符时限定字数
  • 利用javascript达成禁止使用网页上存有文本框,下拉菜单,多创作本域
  • JS限制Textarea文本域字符个数的切实落到实处
  • 总结文本域剩佘长度的js代码
  • JavaScript 文本域字体大小选取功效
  • JS调控文本域只读或可写属性的不二等秘书技

说不上,text属性中有四个点子,三个有参,贰个无参

1. 无参text():获得具有相配成分的剧情。结果是由全数相配成分满含的文书内容结合起来的文本。重回的是叁个String

例子:

html页面代码:<p><b>Hello</b> fine</p>

<p>Thank you!</p>

jquery代码:$("p").text();

结果:HellofineThankyou!

2.有参text(val):设置有着相配成分的公文内容,与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换到相应的HTML实体).再次来到三个jquery对象

html页面代码:<p>Test Paragraph.</p>

jquery代码:$("p").text("<b>Some</b> new text.");

结果:[ <p><b>Some</b> new text.</p> ]

最后,val()属性中也可以有多少个方法,二个有参,四个无参。

1.无参val():获得第叁个相称成分的此时此刻值。在 jQuery 1.2中,能够回去率性成分的值了。包蕴select。假若多选,将回到叁个数组,其包蕴所选的值。

回去的是一个String、 array

例子:

html页面代码 :

复制代码 代码如下:

<p></p><br/>
<select id="single">
<option>Single</option>
<option>Single2</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>

jquery代码:$("p").append( "<b>Single:</b> " $("#single").val() " <b>Multiple:</b> " $("#multiple").val().join(", "));

结果:[ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>]

2.有参val(val):设置每三个相称成分的值。在 jQuery 1.2, 那也可感到check,select,radio元件赋值,重临贰个jquery对象

html页面代码:<input type="text"/>

jquery代码:$("input").val("hello world!");

结果:hello world!


总结:

1.假若二个对下拉框的<select>标签中的option进行赋值,<option name="",value=""></option>纵然option有value属性,不过在页面上option的这几个value属性并不是承受进行在页面上拓展呈现的,而真的能在页面上举办展示出来的是option标签之间的文本域。所以给option标签赋值要用html()的主意

2.只要对<input id="pro" name="province" value="江苏省">标签进行赋值,因为input标签中的value属性便是背负在页面上举办展示的,所以即使对Input标签的公文赋值并且在浏览器分析的时候将文本值在浏览器上呈现出来,那么快要用val(),属性。

你可能感兴趣的文章:

  • jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
  • jQuery获取文本节点之 text()/val()/html() 方法分别
  • 『jQuery』.html(),.text()和.val()的概述及应用
  • jquery text(),val(),html()方法分别总计
  • 浅析JQuery中的html(),text(),val()区别
  • JQuery中的html()、text()、val()区别示例介绍
  • jQuery中text() val()和html()的分别实例详解

本文由澳门新浦京娱乐场网站发布于www.146.net,转载请注明出处:澳门新浦京娱乐场网站:用js设置下拉框为只读的