Question

大家好，我有以下问题，我有一个选择标签，我想用列表对象填充这里有一些代码来解释：

@RequestMapping(value="/getAllIndustries")
@ResponseBody
public List<IndustryModel>getAllIndustries()
{
    return generalSettingMerchantLookUpService.getBusinessNature(Constant.MERCHANT);
}

这返回一个行业模型列表，以下是我正在使用的java脚本

function industryAjax()
{
	alert("i am here")
var businessNatureId= $("#industrySelect option:selected").val();
	
	$.ajax({
		url : getContextPath() + "/getAllIndustries",
		type : "get",
		success : function(response) {
			$('#industrySelect').empty();
			$('#industrySelect').append($('<option>', {
			    value: 0,
			    text:  'Select'
			}));
			for (item in response) {
				$('#industrySelect').append($('<option>', {
				    value: response[item].industryId,
				    text:  response[item].industryInEnglish
				}));
			}
		},
		error : function(e) {
			// alert("Submit failed" + JSON.stringify(e));
		}
	});
}

这里是我的HTML

<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
	<label>Industry</label> <select class="form-control m-b"
 id="industrySelect" name="industryId" onchange="industryChange();">
		<option value="0">Choose Industry</option></select>
<p id="chooseIndustry" style="color: red;">please choose a valid industry</p>
</div>

那么如何在html，Best Regards

中显示我从控制器获得的行业列表

Answer 1

可能是这种方法没有被调用的情况，因为最初你的下拉列表不包含任何元素。因此，不会触发任何onchange事件。

尝试使用以下实现：

$(document).on('click', "#industrySelect", function(event) {
    industryAjax();
});

Spring Boot Ajax动态填充选择选项

1 个答案: