Html读取select控件的值

Posted 2023-04-15

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Html读取select控件的值相关的知识，希望对你有一定的参考价值。

想读取html的select控件的值，然后用<p>select控件值</P>显示出来，增么搞啊。求救
急急急

这个无法用 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>
       document.getElementById('select1').onchange = function()
           var getText = function(elm)
               if (typeof elm.innerText == 'string')
                   return elm.innerText;

               return elm.textContent;
           ;
           var value = this.value,
               index = this.selectedIndex,
               text = getText(this.options[index]);
           document.getElementById('result').innerHTML = '【' + value + '】 ' + text;

   </script>
</body>
</html>

参考技术A html 中js取值如下var b=document.getElementsByName('a')[0];
//这里也可以用getElementById
for(var i=0;i<b.length;i++)

if(b[i].selected==true)

alert(b[i].value);

这样就可以得到，显示的时候把值赋给value就可以了，希望可以帮到你参考技术B select内容里写个点击事件，点击后获取当前的value值，然后再p标签里显示出来。。。参考技术C <select name="select" id="typeController">
<option>1</option>
<option>2</option>
</select>
<p id = "selectvalues1" > </p>
<p id = "selectvalues2" > </p>

<script type="text/javascript">
var t = document.getElementById("typeController");

for(i=0 ; i<t.length;i++)
document.getElementById("selectvalues1").innerHTML = t[0].value
document.getElementById("selectvalues2").innerHTML = t[1].value

</script>
没明白你的意思。。用了下标了，那个for循环其实是多余的。。。参考技术D 你会jqurey吗