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