如何根据用户选择，动态给input的name进行赋值?
我想做个表单，就是让用户选择根据a还是b条件来进行搜索，现在遇到了个问题，不太懂，过来请教一下达人。<inputtype="text"id="search"/><sele...
我想做个表单，就是让用户选择根据a还是b条件来进行搜索，现在遇到了个问题，不太懂，过来请教一下达人。
<input type="text" id="search" />
<select id="search-option">
<option id="a" selected='1'>aaa</option>
<option id="b">bbb</option>
</select>
<input type="submit" name="submit"/>
现在我希望input的name的值，不要固定，而是跟着2个option变化，比如用户选择option a ，那么input的name就是a，选择option b，则input的name取值为b。
应该用js实现这种要求吧？请问如何实现这种效果？谢谢。 展开
<input type="text" id="search" />
<select id="search-option">
<option id="a" selected='1'>aaa</option>
<option id="b">bbb</option>
</select>
<input type="submit" name="submit"/>
现在我希望input的name的值，不要固定，而是跟着2个option变化，比如用户选择option a ，那么input的name就是a，选择option b，则input的name取值为b。
应该用js实现这种要求吧？请问如何实现这种效果？谢谢。 展开
1个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
function setSubmitName(obj){
var submit = document.getElementById('tijiao');
if('a'==obj.value){
submit.name='a';
submit.value='a';
}else if('b'==obj.value){
submit.name='b';
submit.value='b';
}
}
function tijiao(obj){
alert(obj.name);
}
</SCRIPT>
<BODY >
<input type="text" id="search" />
<select id="search-option" onchange="setSubmitName(this);">
<option selected='1' value="a">aaa</option>
<option value="b">bbb</option>
</select>
<input id="tijiao" type="button" name="a" onclick='tijiao(this);' value="a"/>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
function setSubmitName(obj){
var submit = document.getElementById('tijiao');
if('a'==obj.value){
submit.name='a';
submit.value='a';
}else if('b'==obj.value){
submit.name='b';
submit.value='b';
}
}
function tijiao(obj){
alert(obj.name);
}
</SCRIPT>
<BODY >
<input type="text" id="search" />
<select id="search-option" onchange="setSubmitName(this);">
<option selected='1' value="a">aaa</option>
<option value="b">bbb</option>
</select>
<input id="tijiao" type="button" name="a" onclick='tijiao(this);' value="a"/>
</BODY>
</HTML>
追问
非常感谢您的回复。怪我说的不太明确，我希望name跟着选项变化的input是上面那个，不是下面的……直接把下面的onclick事件挪上去可以吗？
追答
New Document
function setSubmitName(obj){
var search = document.getElementById('search');
if('a'==obj.value){
search.name='a';
search.value='a';
}else if('b'==obj.value){
search.name='b';
search.value='b';
}
}
aaa
bbb
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
