如果在JavaScript中为空，则在多个文本框中为文本框输入值

在我的程序中，有一个下拉列表，如下所示：

<select id='selectValue'>
<option>Value1</option>
<option>Value2</option>
<option>Value3</option>
<option>Value4</option>
</select>

<input type='text' id='textbox1' class='textbox'>
<input type='text' id='textbox2' class='textbox'>
<input type='text' id='textbox3' class='textbox'>

然后，有三个文本框，如下所示：

<select id='selectValue'>
<option>Value1</option>
<option>Value2</option>
<option>Value3</option>
<option>Value4</option>
</select>

<input type='text' id='textbox1' class='textbox'>
<input type='text' id='textbox2' class='textbox'>
<input type='text' id='textbox3' class='textbox'>

当我从下拉列表中选择一个值时，该值将输入到一个文本框中，该文本框为空。但不应在多个空文本框中输入值。请注意，首先所有文本框都是空的

要实现这一点，jQuery或JavaScript代码应该是什么

更新：

到目前为止，我已经这样做了

$("#selectValue").on("change",function(){

    var selectedValue = $(this).val();

for(i=1;i<=3;i++)
        var textbox = "#textbox" + i;
    var nextTextbox = "#textbox" + (i+1);
        if(!$(textbox).val()){
            $(textbox).val(selectedValue);
        }
        else{
            $(nextTextbox).val(selectedValue);
    }
});

大概是这样的：

HTML:

jQuery：

$('#selectValue').on('change', function(){
   var selectedValue = $(this).val();
    if(selectedValue != '0'){
        var textboxes = $('.textbox');       
        for(var i = 0; i < textboxes.length; i++){
            if($(textboxes[i]).val() == ''){
                $(textboxes[i]).val(selectedValue);
                break;
            }
        }
    }
});

它现在正在工作

$("#selectValue").on("change",function(){

var selectedValue = $(this).val();

for(i=1;i<=3;i++){
    var textbox = "#textbox" + i;
    if(!$(textbox).val()){
        $(textbox).val(selectedValue);
break;
    }
}
});

---

我不知道从什么开始？我应该用线圈吗？是的，你试过什么了吗？我们不是来做你的工作的hw@HiranmoyChatterjee是的，你可以用一个环。当select事件发生时，找到第一个空输入框并将文本放在那里。我建议在selectValue上安装一个事件监听器，该监听器获取所选选项并将其放入一个空的输入中，然后在JavaScript或jQuery中从所选选项中获取值，然后将其分配给其中一个文本框idk，以确定它是否为空。你可以很容易地谷歌这些steps@Hiranmoy查特吉，看看这是否满足你的要求。