在JAVAC SCRIPT中如何获取select 中option中的值

在JAVAC SCRIPT中如何获取select 中option中的值,第1张

例如:

有这样一个select

<select id="category"></select>

就可以如下获取他的某个选项的值:

var index=documentgetElementById("category")selectedIndex;

documentgetElementById("category")options[index]value

如果想获取文本可以把value改成text

在控制层中,可以通过以下两种方法获取视图层select标签选中的值:

通过表单提交获取:

在前端页面中,将选中的值作为表单的一个参数,通过form表单提交到后台控制层。在后台控制层中,通过requestgetParameter()方法获取表单参数的值。

示例代码如下:

HTML代码:

```

<form action="testController" method="post">

<select name="selectValue">

<option value="value1">选项1</option>

<option value="value2">选项2</option>

<option value="value3">选项3</option>

</select>

<input type="submit" value="提交"/>

</form>

```

控制层Java代码:

```

@RequestMapping("/testController")

public ModelAndView testController(>

String selectValue = requestgetParameter("selectValue");

// do something with selectValue

return new ModelAndView("viewName");

}

```

2 通过AJAX请求获取:

使用ajax请求,在前端页面中获取select标签选中的值,并通过ajax发送到后台控制层。在后台控制层中,通过@RequestParam注解获取ajax请求中的参数值。

示例代码如下:

HTML代码:

```

<select id="selectValue">

<option value="value1">选项1</option>

<option value="value2">选项2</option>

<option value="value3">选项3</option>

</select>

<button onclick="getValue()">获取选中值</button>

<script>

function getValue() {

var selectValue = documentgetElementById("selectValue")value;

$ajax({

type: "POST",

url: "testController",

data: {"selectValue": selectValue},

success:function(data){

// do something with data

}

});

}

</script>

```

控制层Java代码:

```

@RequestMapping("/testController")

public ModelAndView testController(@RequestParam String selectValue) {

// do something with selectValue

return new ModelAndView("viewName");

}

```

在js中通过var v=decumentgetElementById("id名")value;获得值;

运用jQuery的话就是这个了$("#下拉框id")val() ;

在sevlet里就通过requestgetParameter("控件名称");取值;

这个可以取text,password,radio,select的值;返回字符串

requestgetParameterValue()这个方法可获得CheckBox和多个同名表单控件的值,返回一个数组。

我最近遇到过类似问题是这样解决的,你可以参考下

首先定义一下SELECT的下拉,显示的文字就叫VALUE,里面对应的值就叫KEY,数据库里一般都是存的这个KEY,肯定不会存那个汉字VALUE的

然后在 页面上SELECT控件后面加个隐藏的文本框,刚打开页面的时候如果这个SELECT有值,也就是说如果是修改的时候,你应该把这个值放到隐藏框里,并且让SELECT显示这个选中的值,然后要给下拉加一个CHANGE事件,只要触发事件就用JS把这个新的KEY值存到隐藏框里,这样提交后你直接取这个隐藏框里的值 *** 作就行了

以上就是关于在JAVAC SCRIPT中如何获取select 中option中的值全部的内容,包括:在JAVAC SCRIPT中如何获取select 中option中的值、控制层如何获取视图层select标签选中的值、java中怎么获得下拉框选中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9319160.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存