本文介绍如何通过JavaScript实现select标签的无刷新动态取值，当用户在下拉菜单中选择一个选项时，通过调用getProduct()函数来获取并处理选定值，达到页面不刷新即可更新数据的效果。
/*
*动态选择JS代码
*/
function getProduct(){
var pruductNo=$("#productsNo option:selected").text(); //获取select标签中选择的值
$.getJSON('/order/OrderController/getProductByNo?product='+pruductNo,
function(data){
$("#productsName").val(data[0]['productName']); //data返回的是json格式的值，给不同的标签赋值
$("#model").val(data[0]['productModel']);
$("#company").val(data[0]['productCompany']);
});
*前台代码
*/
*动态选择JS代码
*/
function getProduct(){
var pruductNo=$("#productsNo option:selected").text(); //获取select标签中选择的值
$.getJSON('/order/OrderController/getProductByNo?product='+pruductNo,
function(data){
$("#productsName").val(data[0]['productName']); //data返回的是json格式的值，给不同的标签赋值
$("#model").val(data[0]['productModel']);
$("#company").val(data[0]['productCompany']);
});
}
/*
*前台代码
*/
<select name="productsNo" id="productsNo" onchange="javascript:getProduct();">
<option value="">请选择</option>
<option value="1"></option>
</select>
扫一扫
840
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
