Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/visual-studio-2010/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将“更改为”;“价值”;“中所选选项的属性”;选择";控制_Javascript_Jquery - Fatal编程技术网

Javascript 将“更改为”;“价值”;“中所选选项的属性”;选择";控制

Javascript 将“更改为”;“价值”;“中所选选项的属性”;选择";控制,javascript,jquery,Javascript,Jquery,我正在努力实现以下结果: 有一个控件。下面是一个文本框。我想将在此文本框中输入的值分配给控件中特定选项的值属性 例如:- 比如说,下面是下拉列表:- <select id="anyid"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="custom"&

我正在努力实现以下结果:

有一个
控件。下面是一个
文本框
。我想将在此文本框中输入的值分配给
控件中特定
选项的
值属性

例如:- 比如说,下面是
下拉列表:-

<select id="anyid">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="custom">Custom</option>
</select>
有什么想法吗?我更喜欢jQuery而不是Javascript

$(document).ready(function(){
     $("textbox").keyup(function(){
         var newValue =        $(this).val();
         $("option").each(function(){
             if($(this).html() == "Custom")
             {
                $(this).val(newValue);
             }    
         });

    });
});

请尝试上述代码。

您应该为您的
自定义
选项分配一个类/id

定制

然后你可以做:

$('#myTextBox').on('keyup', function () {
    $('.customOption').val(this.value);
});


1.
2.
3.
习俗
函数值(elem){
document.getElementById('anyid').options[document.getElementById('anyid').options.length-1].value=elem.value;
document.getElementById('anyid').options[document.getElementById('anyid').options.length-1].innerHTML=elem.value;
}
在不使用jQuery的情况下尝试此操作

尝试此操作

$('#va').keyup(function(){
    $('#anyid option[value=custom]').attr('value',$(this).val()) 
});

您可以使用$('#id').val()设置选项的值

$(document).ready(function () {   
    $("#myInput").keyup(function () {
        $('#custom').val($("#myInput").val());
        alert($('#custom').val());
    });
}

如果文本框中输入的值对select无效?听起来像是一个奇怪的用户界面这看起来很落后?您为什么不允许用户使用选择框?@charlietfl您是对的,但这是必需的。当第二个
keyup
事件触发时,这不会停止工作吗?
$('#va').keyup(function(){
    $('#anyid option[value=custom]').attr('value',$(this).val()) 
});
$('#va').keyup(function(){
        $('#customIDofUrOption').attr('value',$(this).val()) 
    });
$(document).ready(function () {   
    $("#myInput").keyup(function () {
        $('#custom').val($("#myInput").val());
        alert($('#custom').val());
    });
}