HTML下拉选项框

时间:2014-08-08 11:21:33

标签: html

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

1 个答案:

答案 0 :(得分:1)

让我看看我是否对你提出质疑。 您想在您的站点上创建一个选择标记,其中包含一些选项,然后当用户选择他想要的选项时,该选项将转到页面上的某个位置。是吗?

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

实施例

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&quot; select_option&#39;时,此代码将执行的操作是什么变更之后,它会调用函数“更改”,其中包含id&#39; option_selected&#39;的对象的内容。将被覆盖&#34; .html()&#34;通过select标签的值&#34; $(this).val()&#34;。

链接

jQuery:http://jquery.com/