Question

请教 两个文本框共用一个js代码 点击第一个弹出下拉框 选择文字填入文本框 第二个文本框不会被同时填入？

$(".starting_port").click(function(){ var $this=$(this); var index = $(".starting_port").index(this); $(".it_pop_box").eq(index).show(); $(".prot_list > li > a").click(function(){ $this.val($(this).text()); $(".it_pop_box").hide(); }) });

Answer 1

首先，你的这段代码不应该定义在文本框的点击事件里面
$(".prot_list > li > a").click(function(){
$this.val($(this).text());
$(".it_pop_box").hide();
})
如果定义在这里，每次点击文本框的时候都会再次绑定下拉列表的点击事件。
其次，var $this=$(this);这条语句获取的是当前点击的文本框，你在列表点击事件中使用$this.val($(this).text());赋值肯定只能给当前点击的文本框赋值。
你可以把代码修改成这样试试：
$(".starting_port").click(function(){
var index = $(".starting_port").index(this);
$(".it_pop_box").eq(index).show();
});

$(".prot_list > li > a").click(function(){
$(".starting_port").val($(this).text());
$(".it_pop_box").hide();
})

追问

谢谢你来回答我的问题，这样的修改仍然解决不了我的问题，因为没有单独指向 两个文本框同时填入被点击的文字。

追答

没有单独指向 是什么意思

Answer 2

你用this的话是不会的，this表示当前点击的对象。

Answer 3

html代码也贴出来下

追问

谢谢~  

追答

你现在的这个下拉框会拉出来吗？不会拉出来吧

追问

会下拉 正常的 被填入到文本框的文字有问题

追答

$(".starting_port").click(function(){
var $this=$(this);
var index = $(".starting_port").index(this);
$(".it_pop_box").eq(index).show();

});

$(".prot_list > li").click(function(){
var index = $(".prot_list").index($(this).parent());
$(".starting_port").eq(index).val($(this).text());
$(".it_pop_box").hide();
})

改了下看看