根据jquery的文本框值更改下拉选择值
change dropdown selected value based on textbox value in jquery
我有一个文本框和4个选项的选择列表,如下所示…
<select id="select2" class="form-control">
<option value="pre">Pre</option>
<option value="rep" selected="selected">Rep</option>
<option value="new">New</option>
<option value="dec">Dec</option>
</select>
和一个文本框,用户输入一些关键字和基于关键字,我想改变选定的选项在上面的选项列表
<td id="fpv_col1" contenteditable="">decorating and repair work</td>
选择的主要值来自PHP和ajax基于用户输入所以我只想在上面的选项列表
中设置选定值下面是我的jquery代码
$(document).on('keyup', '#fpv_col1', function(event) {
var desc_text = $(this).text();
$.ajax({
url: 'php/fpv_lbyl_prediction.php',
type: 'POST',
data:{
value1:desc_text,
},
dataType:'text',
success: function(data){
$("#error_msg").fadeIn();
$("#error_msg").html("<strong>Success!</strong> "+data);
//$('select#select2 option').removeAttr('selected');
//$('select#select2').find('option[value='+data+']').attr("selected",true);
$('select#select2 option').removeAttr('selected').filter('[value='+data+']').attr('selected', true);
}
});
event.preventDefault();
});
我的jquery代码工作得很好,它设置了选中的选项,但不显示选中的选项,它看到使用inspect
$(document).ready(function() {
$('#otherCategory').keyup(function() {
if ($(this).val() == 0) {
$('#category').val(1);
} else if ($(this).val() > 0) {
$('#category').val(2);
} else {
$('#category').val(0);
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="category" name="category">
<option value="0">Please select</option>
<option value="1">Clear</option>
<option value="2">UnClear</option>
</select>
<input type="text" id="otherCategory" name="otherCategory">
相关文章:
- Div根据<选择>菜单
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- javascript对象操作:根据指定条件选择属性
- 如何根据对具有多行的先前列表的选择来动态加载下拉列表
- 根据不同型号选择角度
- 根据Angular.JS上一次的内容禁用选择
- Angular没有根据模型更新我的选择元素
- 通过Jquery根据下拉列表中的选择禁用数字字段
- 根据用户从下拉列表中的选择显示多个文本框
- 根据部门用户的选择,接收来自多个电子邮件地址的Wordpress Contactform7查询
- 根据页面加载时的单选按钮选择显示某些字段
- jQuery根据用户选择启用/禁用asp.net控件
- 谷歌表单-根据分配给谷歌应用程序的工作为商业用户预先填充多项选择列表
- 根据下拉选择向表单添加和删除输入标记
- 更新:仅根据单选按钮和所选选项选择特定项目
- 隐藏/显示下面的分区根据是否选择某个选项进行选择
- 如何根据下拉菜单中选择的内容为li项分配不同的类
- 根据单个用户的决定禁用谷歌标签管理器(选择退出)
- JQuery根据选择更改值
- 选择根据用户选择设置下拉列表(单选按钮)