select下拉框内容改变，input框内容随之改变

机器类型发生改变，将机器类型对应的激活金额赋值给input框

<div class="form-group">    <label class="col-sm-3 control-label">激活金额：label><div class="col-sm-8"><input name="actAmt" th:field="*{actAmt}" class="form-control" type="text" readonly/>div>
div>
<div class="form-group"><label class="col-sm-3 control-label">机器类型选择：label><div class="col-sm-8"><select id = "type" name="type" class="form-control m-b"><option value="">所有option><option th:each="dict : ${productTypes}" th:content="${dict.actAmt}" th:selected="*{proctypeId}==${dict.id}" th:text="${dict.typeName}" th:value="${dict.id}">option>select>div>
div>
<div class="form-group" hidden><label class="col-sm-3 control-label">机器类型：label><div class="col-sm-8"><input name="proctypeId" id="proctypeId" class="form-control" type="text">div>
div><script th:inline="javascript">var prefix = ctx + "product/product";$("#form-type-edit").validate({focusCleanup: true});// 获取选中的select，并获取content的值，然后赋值给input框$("#type").change(function () {var actAmt = $(this).find("option:selected").attr("content");$("input[name='actAmt']").val(actAmt);});function submitHandler() {if ($.validate.form()) {$("#proctypeId").val($("#type").val());$("#templateNo").val($("#rateTemp").val());$.operate.save(prefix + "/procTypeChangeSure", $('#form-type-edit').serialize());}}
script>

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！