从文本框中获取值并设置下拉框

时间:2012-08-27 10:16:40

标签: jquery jquery-ui

我想将textbox的值设置为我的下拉框第一次尝试.....我希望每当我的文本框值改变时它应该得到下拉值并显示在下拉框中。

我希望从tablelist中我的文本框中出现的值应该在我的下拉框中显示为默认值...

请帮忙。

我试过了:

 $("#editdevicetype").wijcombobox({
    data : datasources,
    showTrigger : true,
    changed:function(e, data) {
        dtype =data.selectedItem.value;
        $('#deviceType1').val(dtype);   

        //document.getElementById("editdevicetype").value=dtype;
        dttype =data.selectedItem.value;
        $('#editdevicetype').val(dttype);
        $('#editdevicetype').val($('#deviceType1').val());
    }
}); 

我的表格代码: currentCellChanging:function(e,args){

$("#devicelist").wijgrid(
{
  allowSorting: true,
 allowColSizing: true,

 dtype=data[selRow].DeviceType;
                                              document.getElementById("deviceType1").value=dtype;
                                            //dttype=data.label;
                                            document.getElementById("editdevicetype").value=dtype.replaceByValue(/[^>]+$/, dtype);

1 个答案:

答案 0 :(得分:0)

编辑1:

什么是表格列表? tablelist中的值如何设置为您的文本框?如果你自己的js代码正在这样做,那么你可以在设置值后简单地触发change事件。

// code from below to bind to the change event. 
// ...
// some code to set textbox value from tablelist. 
// ...
$('#deviceType1').change(); // this will trigger the change event. 
                            // ensure you have already bound to the change event.

您需要订阅在文本框中的文字发生更改时通知您的事件。理想情况下,该事件应该是change事件。您可以按如下方式编写代码:

$('#deviceType1').change(function() {
    // value changed. write code to update the combox box.
});

但是,只有当文本框失去焦点时,更改事件似乎才会触发。如果这个限制很好,那么你的问题就解决了。但是,如果要捕获发生的更改,那么您将需要订阅各种事件来处理键盘输入和鼠标输入以及用户可能将某些内容粘贴到文本框中的情况。

这是@mdmullinax的答案,它建议您可以绑定的所有可能事件,以处理您需要支持的案例。

https://stackoverflow.com/a/6140270/30007。请参阅他的评论中更新的小提琴:http://jsfiddle.net/pxfunc/zJ7Lf/1/