这个无法用 HTML 去读取,需要用到 JavaScript。代码如下:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<select id="select1">
<option value="0">== 请选择 ==</option>
<option value="1">苹果</option>
<option value="2">香蕉</option>
<option value="3">桃子</option>
</select>
<p id="result"></p>
<script>
documentgetElementById('select1')onchange = function() {
var getText = function(elm) {
if (typeof elminnerText == 'string') {
return elminnerText;
}
return elmtextContent;
};
var value = thisvalue,
index = thisselectedIndex,
text = getText(thisoptions[index]);
documentgetElementById('result')innerHTML = '' + value + ' ' + text;
}
</script>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<div id="container" style="width: 480px; height: 220px;border:1px solid #e3e3e3;" onclick="renderLink();">
<a href="#" class="mya">Test1</a>
<a href="#">Test2</a>
<a href="#" class="mya">Test3</a>
<a href="#" class="mya">Test4</a>
<a href="#" class="mya">Test5</a>
<a href="#">Test6</a>
</div>
</body>
</html>
<script type="text/javascript">
function renderLink(){
var alist = documentgetElementsByClassName("mya");
if(alist){
for(var idx = 0; idx < alistlength; idx ++){
var mya = alist[idx];
myastylecolor = "red";
myastylefontSize = "36px";
}
}
}
</script>
先用documentgetElementsByClassName("className")取得所有class为className的元素,再循环添加样式即可,如果用JQuery会简单很多;也可以自己用JS封装一个函数实现JQuery一样的效果
这是不可以的,php与js的编译方式是不同的,但是有一个折中的办法
将常量的值,赋值给一个隐藏表单,然后用js或Jquery获取隐藏表单的值就行了,示例代码如下:
<php
define('DIR','这是常量');
echo '<input type="hidden" name="v" id="v" value="'DIR'"/>';
>
<script>
var v=documentgetElementById('v')value;
alert(v); //这里d出的就是常量的值了
</script>
这个时候,可以在js中,调用隐藏表单v的值,那么也就等于调用了常量的值了。
以上就是关于Html读取select控件的值全部的内容,包括:Html读取select控件的值、用JavaScript给所有相同的class添加CSS样式。、php中的定义的常量可以在js、jqurey中使用吗等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)