我是 javascript 和 html5 的新手。我正在努力实现以下目标:
我有一个包含以下值的下拉菜单:
Everything:
From:
To:
用户将有一个文本框来输入搜索词。当用户输入“blah”之类的文本并在下拉列表中选择“From:”并按 Enter 键时,文本框中的文本应该显示 “发件人:blah”并搜索来自 Blah 的所有消息。
这是我正在尝试实现的 Outlook 中的一项功能。我尝试过使用所选的 js 但无法进行太多操作。谁能指点一下吗?
最佳答案
假设这是您的 html:
<select id="cmbClause">
<option value="1">Everything:</option>
<option value="2">From:</option>
<option value="3">To:</option>
</select>
<input type="text" id="txtSearch" />
<input type="text" id="txtResult" />
然后尝试下面的 jQuery 脚本:
$(function(){
$('#txtSearch').keypress(function(e) {
// if user press "Enter" on txtSearch and txtSearch not empty
if(e.keyCode==13 && $('#txtSearch').val().trim()!="") {
$('#txtResult').val(setClause($('#cmbClause').val()) + $('#txtSearch').val());
}
});
function setClause(val) {// Get select (dropdown) value and return string
var clause;
switch(val) {
case '1': clause = "Everything "; break;
case '2': clause = "From "; break;
case '3': clause = "To "; break;
}
return clause;
}
});
关于javascript - 选择的 js 将搜索词附加到下拉值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22123426/