87,993
社区成员
发帖
与我相关
我的任务
分享如何让下拉列表的值 追加显示到文本框，可多个多次选择下拉追加？？
请求各位大大如何
选择左边的下拉框的词 追加 到 文本框 前面（可多个多次追加）？
选择右边的下拉框的词 追加 到文本框 后面（可多个多次追加）？
...全文
请发表友善的回复…
发表回复
jy129056 2017-04-18
- 打赏
- 举报
谢谢 不会啊，可以帮改一下3楼那一段吗？ 
jy129056 2017-04-18
- 打赏
- 举报
这是？？？ 我自己折腾了这一段 可以帮修改一下前面追加的吗？
<select id="select1" >
<option value="">前面</option>
<option value="我是111">111</option>
<option value="我是222">222</option>
</select>
<input type="text" id="t3" value="在我前后追加下拉框的值" size="80">
<select id="select2" onchange="if (this.selectedIndex>0){t3.value+=this.value}else{t3.innerHTML=''}">
<option value="">后面加入</option>
<option value="我是aaa">aaa</option>
<option value="我是bbb">bbb</option>
</select>
似梦飞花 2017-04-18
- 打赏
- 举报
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<script src="../react/common/react.js"></script>
<script src="../react/common/JSXTransformer.js"></script>
<script type="text/jsx">
const {Component,PropTypes}=React;
class Test extends Component{
static get propTypes(){
return {
sel1:PropTypes.array,
sel2:PropTypes.array,
}
}
static get defaultProps(){
return {
sel1:Array.from({length:4},(item,index)=>`left_${index}`),
sel2:Array.from({length:3},(item,index)=>`right_${index}`)
}
}
constructor(props){
super(props);
this.state={
text:'left_0,left_2,test,right_0,right_1',
sel1:['left_0','left_2'],
sel2:['right_0','right_1']
}
}
changeHandle(key,e){
const value=this.state[key];
value.length=0;
for(let i of [...e.target.querySelectorAll('option')]){
if(i.selected){
value.push(i.value);
}
}
this.setState({[key]:value});
const [s1,s2]=[this.state.sel1,this.state.sel2];
this.setState({
'text':[s1,'test',...s2].join(',')
});
}
render(){
let {sel1,sel2}=this.props;
[sel1,sel2]=[
sel1.map(item=><option value={item}>{item}</option>),
sel2.map(item=><option value={item}>{item}</option>)
];
return (
<div>
<select
value={this.state.sel1}
multiple={'multiple'}
size={this.props.sel1.length}
onChange={this.changeHandle.bind(this,'sel1')}
>{sel1}</select>
<input type={'text'} value={this.state.text}/>
<select
value={this.state.sel2}
multiple={'multiple'}
size={this.props.sel2.length}
onChange={this.changeHandle.bind(this,'sel2')}
>{sel2}</select>
</div>
)
}
}
React.render(<Test />,document.body);
</script>
</body>
</html>
jy129056 2017-04-18
- 打赏
- 举报
既然都OK了，还不结贴给分？
[/quote]
咋结？ 已提交到了 http://bbs.csdn.net/topics/392047712
[/quote]
咋结？ 已提交到了 http://bbs.csdn.net/topics/392047712
天涯共明月 2017-04-18
- 打赏
- 举报
jquery：
获取第一个下拉框的值 X
获取第二个下拉框的值Y
var z = $("文本框ID").val()；
// 为文本框赋值
$("文本框ID").val(x+z+Y);
Msxindl_Com 2017-04-18
- 打赏
- 举报
既然都OK了，还不结贴给分？
jy129056 2017-04-18
- 打赏
- 举报
OK了，谢谢
<select id="select1" onchange="if (this.selectedIndex>0){t3.value=this.value+t3.value}else{t3.innerHTML=''}">
<option value="">前面</option>
<option value="我是111">111</option>
<option value="我是222">222</option>
</select>
<input type="text" id="t3" value="在我前后追加下拉框的值" size="80">
<select id="select2" onchange="if (this.selectedIndex>0){t3.value+=this.value}else{t3.innerHTML=''}">
<option value="">后面加入</option>
<option value="我是aaa">aaa</option>
<option value="我是bbb">bbb</option>
</select>
Msxindl_Com 2017-04-18
- 打赏
- 举报
<select id="select1" onchange="if (this.selectedIndex>0){t3.value=this.value+t3.value}else{t3.innerHTML=''}">
