如何创建Html下拉框和js及jsp如何获取下拉框里的内容

一、HTML实现下拉框
  1. <form>
  2. <select id = "id_s" name = "s">  
  3.   <option value="程序员">程序员</option>  
  4.   <option value="架构师">架构师</option>  
  5.   <option value="销售人员">销售人员</option>  
  6.   <option value="项目经理" title="项目经理, your best choice!">项目经理</option>  
  7. </select>  
  8. <input type = "button" value="提交"/>
  9. </form>

二、js得到下拉框的内容
alert(document.getElementById("id_s").value); 
结果是对应的value字符串。
三、jsp中得到下拉框的内容
String p = request.getParamater("s");
结果是对应的value字符串。
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个示例的jsp页面中,使用extjs实现的可查询下框的html代码和js代码: HTML代码: ```html <div id="searchCombo"></div> ``` JS代码: ```javascript Ext.require(['Ext.form.field.ComboBox', 'Ext.data.Store']); Ext.onReady(function() { // 创建store var store = Ext.create('Ext.data.Store', { fields: ['name', 'value'], data: [ {name: '选项1', value: '1'}, {name: '选项2', value: '2'}, {name: '选项3', value: '3'}, {name: '选项4', value: '4'}, {name: '选项5', value: '5'} ] }); // 创建可查询下框 var searchCombo = Ext.create('Ext.form.field.ComboBox', { renderTo: 'searchCombo', store: store, queryMode: 'local', displayField: 'name', valueField: 'value', typeAhead: true, typeAheadDelay: 500, minChars: 1, hideTrigger: true, queryParam: 'name', listConfig: { loadingText: '正在加载...', emptyText: '无匹配结果', getInnerTpl: function() { return '<div class="search-item">{name}</div>'; } } }); }); ``` 解释: 1. 首先创建了一个Ext.data.Store对象,用于存储下框的选项数据,包括每个选项的名称和值。 2. 然后创建了一个Ext.form.field.ComboBox对象,用于显示可查询下框。设置了一些属性,包括数据源(store)、查询模式(queryMode)、显示字段(displayField)、值字段(valueField)、自动完成(typeAhead)、最小输入字符数(minChars)、隐藏下箭头(hideTrigger)、查询参数名称(queryParam)等。 3. 最后在listConfig属性中设置了下框的列表样式,包括加载中文本(loadingText)、无匹配结果文本(emptyText)和样式模板(getInnerTpl)。 通过这些代码,就可以在jsp页面中创建一个可查询下框。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值