2 回答

TA贡献1796条经验 获得超10个赞
jquery您也可以通过
$("#autoform-sector").on('change',function(){
$("#sector").val($(this).val());
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<form method="post" action="">
<div class="form-group">
<label for="autoform-company-name"><b>Which Industries do you wish to receive alerts about?</b></label>
<select multiple class="selectpicker" id="autoform-sector" name="autoform-sector" style="height: 10px; overflow-y: scroll;" data-live-search="true">
<option value="Code 01110 ">Code 01110 </option>
<option value="Code 01120 ">Code 01120 </option>
<option value="Code 01130 ">Code 01130 </option>
<option value="Code 97000 ">Code 97000 </option>
<option value="Code 98100 ">Code 98100 </option>
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" id="sector" name="sector">
</div>
</form>

TA贡献1780条经验 获得超4个赞
首先,您的代码是错误的,因为
它是“GetElementById”而不是“元素”,因为 ID 应该是单独的,同一页面中永远不会有 2 个相同的 id,所以不需要 [0]
getElementById 之后没有空格: var sel = document.getElementById('autoform-sector');
事件不是 onclick 而是 onchange
在这里为你:)
var sel = document.getElementById('autoform-sector')
sel.onchange = function () {
document.getElementById('sector').value += this.value + ' ';
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<form method="post" action="">
<div class="form-group">
<label for="autoform-company-name"><b>Which Industries do you wish to receive alerts about?</b></label>
<select multiple class="selectpicker" id="autoform-sector" name="autoform-sector" style="height: 10px; overflow-y: scroll;" data-live-search="true">
<option value="Code 01110 ">Code 01110 </option>
<option value="Code 01120 ">Code 01120 </option>
<option value="Code 01130 ">Code 01130 </option>
<option value="Code 97000 ">Code 97000 </option>
<option value="Code 98100 ">Code 98100 </option>
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" id="sector" name="sector" >
</div>
</form>
添加回答
举报