Html 如何使用jquery在select标记中获取p标记值？

这里我使用了jQuery。这段代码给了我输出，但我希望以不同的方式输出

当我在输入字段中输入5位数字时，它在select标记中给出“1”，在p标记中给出“1、2和4”作为我的输出

如果我点击p标签中的“2”，select标签中的值应该变为2，我能得到这样的结果吗？有人能帮我吗

jQuery（document）.keyup（function（）{
jQuery（#txtFirstNo”）.on（“输入”，函数（）{
jQuery（“#selResult”）.val（“”）；
var-arr=[]；
if（jQuery（this）.val（）.match（/^（\d{5}）$/，“”））{
jQuery（“#selResult”）.val（“一”）；
}else if（jQuery（this）.val（）.match（/^（\d{5}）$/，“”））{
jQuery（“#selResult”）.val（“两个”）；
}else if（jQuery（this）.val（）.match（/^（\d{5}）$/，“”））{
jQuery（“#selResult”）.val（“四”）；
}else if（jQuery（this）.val（）.match（/^（\d{7}）$/，“”））{
jQuery（“#selResult”）.val（“三”）；
}
//用于p标签
if（jQuery（“#txtFirstNo”）.val（）.match（/^\d{5}$/，“”））{
arr.push（“一”）；
}
if（jQuery（“#txtFirstNo”）.val（）.match（/^\d{5}$/，“”））{
arr.push（“两个”）；
}
if（jQuery（“#txtFirstNo”）.val（）.match（/^\d{5}$/，“”））{
arr.push（“四”）；
}
if（jQuery（“#txtFirstNo”）.val（）.match（/^\d{7}$/，“”））{
arr.push（“三”）；
}
jQuery（“#txtPrint”）.html（arr.join（“
”）；
arr=[]；
});
});


追踪号码：


航运公司：
选择运营商
一
二
三
四


$（函数（）{
$（“#txtPrint”）。在（“单击”，“.selP”，函数（）上{
$（“#selResult”）.val（this.textContent）；
})
$（文档）.keyup（函数（）{
$（“#txtFirstNo”）。在（“输入”，函数（）上{
$（“#selResult”）.val（“”）；
var-arr=[]；
if（$（this.val（）.match（/^（\d{5}）$/）{
$（“selResult”）.val（“一”）；
}else if（$（this.val（）.match（/^（\d{5}）$/）{
$（“#selResult”）.val（“两”）；
}else if（$（this.val（）.match（/^（\d{5}）$/）{
$（“#selResult”）.val（“四”）；
}else if（$（this.val（）.match（/^（\d{7}）$/）{
$（“#selResult”）.val（“三”）；
}
//用于p标签
if（$（“#txtFirstNo”）.val（）.match（/^\d{5}$/）{
arr.push（“一”）；
}
if（$（“#txtFirstNo”）.val（）.match（/^\d{5}$/）{
arr.push（“两个”）；
}
if（$（“#txtFirstNo”）.val（）.match（/^\d{5}$/）{
arr.push（“四”）；
}
if（$（“#txtFirstNo”）.val（）.match（/^\d{7}$/）{
arr.push（“三”）；
}
$（“#txtPrint”）.html（arr.map（str=>（`${str}'））.join（`br/>`））；
arr=[]；
});
});
});


追踪号码：


航运公司：
选择运营商
一
二
三
四
条件语句存在基本问题，正确的if语句可以正常工作：


$（文档）.keyup（函数（）{
jQuery=$；
jQuery（#txtFirstNo”）.on（“输入”，函数（）{
jQuery（“#selResult”）.val（“”）；
var-arr=[]；
if（jQuery（this）.val（）.match（/^（\d{5}）$/，“”））{
jQuery（“#selResult”）.val（“一”）；
}else if（jQuery（this）.val（）.match（/^（\d{6}）$/，“”））{
jQuery（“#selResult”）.val（“两个”）；
}else if（jQuery（this）.val（）.match（/^（\d{7}）$/，“”））{
jQuery（“#selResult”）.val（“四”）；
}else if（jQuery（this）.val（）.match（/^（\d{8}）$/，“”））{
jQuery（“#selResult”）.val（“三”）；
}
//用于p标签
if（jQuery（“#txtFirstNo”）.val（）.match（/^\d{5}$/，“”））{
arr.push（“一”）；
}
if（jQuery（“#txtFirstNo”）.val（）.match（/^\d{6}$/，“”））{
arr.push（“两个”）；
}
if（jQuery（“#txtFirstNo”）.val（）.match（/^\d{7}$/，“”））{
arr.push（“四”）；
}
if（jQuery（“#txtFirstNo”）.val（）.match（/^\d{8}$/，“”））{
arr.push（“三”）；
}
jQuery（“#txtPrint”）.html（arr.join（“
”）；
arr=[]；
});
});


追踪号码：


航运公司：
选择运营商
一
二
三
四


一个输入55555，两个输入666666，三个输入77777
如果您想根据文本输入中输入的跟踪号码长度过滤您的运营商
：禁用
和
隐藏
数据长度
属性与跟踪号码长度不匹配的运营商：


const$inp=$（“#txtFirstNo”）；
const$sel=$（“#selResult”）；
const-toggleCarriers=（len）=>{
$sel.find（“选项”）。每个（（i，el）=>{
const isDisabled=el.dataset.len&&+el.dataset.len！==len；
el.disabled=禁用；
el.hidden=禁用；
});
};
切换载波（0）；//带0位载波的Init
$inp.on（“键控”，函数（）{
$sel.prop（“selectedIndex”，0）；
切换载体（this.value.trim（）.length）；
});
追踪号码：


航运公司：
选择运营商
一（5位）
两（5位）
三（7位）
四（5位）
为什么您的代码会多次重复相同的条件？这是您正在使用的某些更复杂代码的过度简化版本吗？而且在.match（）中不需要两个参数为什么
value=“three”
两次？这是故意的吗？它有更多的正则表达式条件，所以我只是让代码尽可能简单。对不起，值3是个错误。你能给我看一下上面提到的完整代码吗？或者在JSFIDLE中？请参阅更新。除了删除匹配中奇怪的“，”之外，我没有触及代码的其余部分。当我添加更多具有相同条件的值时，它不起作用。我不知道您的意思。请更详细地描述这个问题如果我对5位数字使用一个以上的条件if（jQuery（“#txtFirstNo”）.val（）.match（/^\d{5}$/，”）{arr.push（“five”）}，那么在我完成编写答案时，它不会显示select标记LOL上的p标记的值，您已经得到了解决方案，祝您好运！你能用计算机编代码吗
$("#txtPrint").html(arr.map(str => (`<span class="selP">${str}</span>`)).join(`<br/>`));

$("#txtPrint").on("click",".selP",function() {
  $("#selResult").val(this.textContent);
})