将Select的值用逗号分割赋给Input_el-select 逗号分隔

作者：Cpp五条 | 2024-03-19 19:22:37

踩

el-select 逗号分隔

最简单的不做任何处理的是 :
<form name="formname">
<input name="inputname" type="text" value="" size="20" />
<select name="selectname" οnchange="document.formname.inputname.focus(); document.formname.inputname.value = document.formname.inputname.value + this.options[this.selectedIndex].value + ",";">
<option value="value0">value0</option>
<option value="value1">value1</option>
<option value="value2">value3</option>
</select>
</form>
以下是经过处理的，规则是同一 Value 只能出现一次，且结尾不要加逗号
<script type="text/javascript">
function ChangeInput (objSelect,objInput){
if (!objInput) return;
var str = objInput.value;
var arr = str.split(",");
for (var i=0; i<arr.length; i++){
if(objSelect.value==arr[i])return;
}
if(objInput.value=='' || objInput.value==0 || objSelect.value==0){
objInput.value=objSelect.value
}else{
objInput.value+=','+objSelect.value
}
}
</script>

<form name="formname">
<input name="inputname" type="text" value="" size="20" />
<select name="selectname" οnchange="javascript:ChangeInput(this,document.formname.inputname)">
<option value="value0">value0</option>
<option value="value1">value1</option>
<option value="value2">value3</option>
</select>

</form>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/268450