Javascript 所选js将搜索词附加到下拉值
我是javascript和html5的新手。我正在努力实现以下目标: 我有一个下拉列表,其中包含以下值:Javascript 所选js将搜索词附加到下拉值,javascript,jquery,jquery-chosen,Javascript,Jquery,Jquery Chosen,我是javascript和html5的新手。我正在努力实现以下目标: 我有一个下拉列表,其中包含以下值: Everything: From: To: 用户将有一个文本框来输入搜索词。当用户输入类似“blah”的文本并在下拉列表中选择“From:”并点击enter时,文本框中的文本应显示 “From:blah”并搜索blah中的所有消息 这是Outlook中我正在尝试实现的一项功能。我曾尝试使用选择的js,但无法进行太多操作。有人能提供任何指针吗?假设这是您的html: <select i
Everything:
From:
To:
用户将有一个文本框来输入搜索词。当用户输入类似“blah”的文本并在下拉列表中选择“From:”并点击enter时,文本框中的文本应显示
“From: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" />
给我们你的代码…请出示一些代码。另外,Select2是一个更好的受支持的fork of selected:Thank…这可能无法解决整个问题…但为我提供了我所期待的启动。
$(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;
}
});