Question

我的表单上有INPUT个字段，我想收集他们输入的数据并将其存储在ARRAY中然后输入SELECT OPTION这就是我所拥有的远，当它在表单中使用时，它不会从INPUT框中获取值，SELECT显示2个空行，但是当我将SELECT输入另一个时，这些行具有ID INPUT在我的表单中，它将显示0或1。

如何将INPUT的值输入到SELECT，然后如何在之后显示SELECTED选项？

var MySelectOptions = [document.getElementById("inpbox1").value, document.getElementById("inpbox2").value];

 $.each(MySelectOptions, function(key, value) {
  $('#theselectbox').append($("<option/>", {
    value: key,
    text: value
  }));
});

这是我从SELECT输出的方式，我通常会使用第二个示例，但我不知道如何在上面的代码中获取SELECTED选项

$(function() {
    $("#theselectbox").change(function(){
        var CustomerName = document.getElementById("theselectbox").value;
        $('#customername').val(CustomerName);
    });
});

我通常如何获得SELECTED选项

$(function() {
    $("#theselectbox").change(function(){
        var CustomerName = $('option:selected', this).attr('theselectoption');
        $('#customername').val(CustomerName);
    });
});

Answer 1

您可以附加一个带有值的新选项，以选择框：

$('#theselectbox').append('<option value="'+inputValue+'">'+inputValue+'</option>');

并且，您可以使用值作为：

来显示所选选项

$('#theselectbox').val(inputValue);

Answer 2

// Here you have the list of inputs, from which you will get values
// I will use classes, you can use ids
var inputs = ["input1", "input2"];

// The select to which you will paste the values
var sselect = $(".select-class");

for(var i = 0; i < inputs.length; i++){
  var e = $("." + inputs[i]);
  sselect.append("<option>"+ e.val() +"</option>");
}

// Now you can just put value to select
sselect.val("selected_value");

如何从输入中选择值

<input type="text" class="js-svalue" placeholder="Select value">

现在js

var input = $(".js-svalue");
input.on("change", function(){
  sselect.val(input.val());
});

使用jQuery ARRAY提供SELECT OPTION

2 个答案: