www.17rumen.com 一起入门视频教程下载

让用户 提供自己的信息， 除了上次视频提到的文本输入框外，还有别的标签也是比较方便的。

例如 select 标签， 字面上意思就是 提供给用户选择 一些信息， 然后进行提交。

这个就不需要用户填写了， 就像一些固定的数据但是需要获取用户的一些信息。

下面就提供这样的一个例子：

一个调查页面， 是希望用户选择自己喜欢的编程语言，

提供给用户去 选择， Java , WML , C++ 等等， 你可以设置让用户只选择一项，或者多项。

然后就打印出用户的选择内容。

=================================

讲了那么多了， 下面开始进行编写代码 来实现上面说的功能。

用回上次的代码， 进行一些修改

   <select>
    <option>Java</option>
    <option>WML</option>
    <option>C++</option>
   </select>

加入上面代码， 来浏览一下

现在可以看到 手机屏幕上 显示一个 下拉框。我们点击一下看看

就会弹出一个 单选的 列表选项。选择后就会 返回到 原来界面

现在 我们如何 像上次视频 那样， 选择后 在另外一个卡片上显示所选择

的数据信息呢 ？

其实和上次视频差不多的， 要获取选项框 内容， 当然要加入名字

<select name="s_1">

在 卡片2上 添加 <p> $(s_1) </p> ，但是没有显示 任何信息

这个 select 中option 要加入 value 值才可以的，

现在我们添加一下

   <select name="s_1">
    <option value="java">Java</option>
    <option value="wml">WML</option>
    <option value="c++">C++</option>
   </select>

这样数据就可以获取 并且显示出来了

--------------------

这只是 单选， 多选呢 ？

只需要在 select 加入 multiple="true" 就代表多选了。

是吧， 这样就多选了， 然后 再看看获取的值 是不是多个

是的，而且用 ; 分开获取的数值

multiple="false" 如果用 false 也就是 单选。

好了 。 视频就演示到这里， wml 还有其他标签的 通过现在的学习

其他的标签 大家可以 上网查，或者看wml手册 应该就会使用了。

下次视频 应该要介绍 wml script 了。。 呵呵， 谢谢观看 8

“wml_07 select标签 对option元素 多选 单选 以及获取value的值”没有评论