首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML下拉选项框

HTML下拉选项框
EN

Stack Overflow用户
提问于 2014-08-08 19:21:33
回答 1查看 29关注 0票数 -2

我正在尝试制作一个选项框,用户可以从下拉框中进行选择。现在的问题是,我希望用户输入的数据然后显示在网站上。这也可以只在HTML中完成,或者它需要其他东西,如果是这样,请发送链接到视频或代码自己。

EN

回答 1

Stack Overflow用户

发布于 2014-08-08 19:50:29

让我看看我有没有答对你的问题。你想在你的网站上创建一个带有一些选项的select标签,然后当用户选择他想要的选项时,这个选项就会转到页面上的某个地方。是这样吗?

如果是,您将需要一个名为jQuery的HTML库,它允许您在浏览器端更改JavaScript元素,而无需刷新页面。

示例

HTML文件:

<select id="select_option">
  <option value='1'>Value 1</option>
  <option value='2'>Value 2</option>
  <option value='3'>Value 3</option>
  <option value='4'>Value 4</option>
</select>
<div id="option_selected"></div>

脚本文件:

$( "#select_option" ).change(function() {
    $( "#option_selected" ).html($( this ).val());
});

这段代码要做的是,当id为'select_option‘的对象发生更改时,它将调用函数'change',其中id为'option_selected’的对象的内容将被选择标记"$( this ).val()“的值覆盖".html()”。

链接

jQuery:http://jquery.com/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25202361

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档