如何在使用搜索时获取选择框的数据并设置数据?

cpjpxq1n  于 2021-07-23  发布在  Java
关注(0)|答案(1)|浏览(399)
<div>
            <label for="sort">sort</label>
            <select name="sort" id="sort" class="form-control">
                <option value=""></option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </div>

        <div>
            <label for="label">label</label>
            <select name="label" id="label" class="form-control">
                <option value=""></option>
                <option value="label1">label1</option>
                <option value="label2">label2</option>
            </select>
        </div>

有一个搜索功能,所以当我选择排序和标签选择框,然后单击搜索按钮,它将排序数据。但选定值未在“选择”框中设置。
我怎样才能解决这个问题?请帮我解决这个问题。

x759pob2

x759pob21#

添加任何事件以获取选定的下拉值。下面,我添加了一个选择 change 事件。

$("#label").on("change", function(){
  //get the data using the above ID's
  var cars = ["Saab", "Volvo", "BMW"]; //example array

  //appending to the new Select #newData
  var htmlContent = "";
  htmlContent = "<option value=''></option>";
  $.each( cars, function( i, val ) {
    $( "#" + val ).text( "Mine is " + val + "." );
    htmlContent += "<option value= "+val+">"+val+"</option>";
  });
  $("#newData").append(htmlContent);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
            <label for="sort">sort</label>
            <select name="sort" id="sort" class="form-control">
                <option value=""></option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </div>

        <div>
            <label for="label">label</label>
            <select name="label" id="label" class="form-control">
                <option value=""></option>
                <option value="label1">label1</option>
                <option value="label2">label2</option>
            </select>
        </div>

        <div>
            <label for="newData">New Data</label>
            <select name="newData" id="newData" class="form-control">
            </select>
        </div>

相关问题