Html读取select控件的值 20

想读取html的select控件的值,然后用<p>select控件值</P>显示出来,增么搞啊。求救急急急... 想读取html的select控件的值,然后用<p>select控件值</P>显示出来,增么搞啊。求救
急急急
展开
 我来答
ml4w5
2017-07-11 · TA获得超过1394个赞
知道小有建树答主
回答量:625
采纳率:25%
帮助的人:636万
展开全部

这个无法用 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>
百度网友28a379c
2014-09-25 · TA获得超过295个赞
知道大有可为答主
回答量:792
采纳率:100%
帮助的人:1166万
展开全部
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就可以了,希望可以帮到你
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Miko_shu
2014-09-25 · TA获得超过489个赞
知道小有建树答主
回答量:482
采纳率:75%
帮助的人:197万
展开全部
select内容里写个点击事件,点击后获取当前的value值,然后再p标签里显示出来。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
靖挚人生
2014-09-25 · 超过20用户采纳过TA的回答
知道答主
回答量:45
采纳率:0%
帮助的人:28万
展开全部
<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循环其实是多余的。。。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
完美主义ZX
2014-09-25 · 超过28用户采纳过TA的回答
知道答主
回答量:68
采纳率:0%
帮助的人:38.1万
展开全部
你会jqurey吗
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式