Html读取select控件的值

Html读取select控件的值,第1张

这个无法用 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中使用吗等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9732549.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存