Question

我在一个部分中使用下拉列表。当我更改下拉值并单击按钮。它将转到另一部分。在那里，另一个下拉列表将在那里。第二个下拉列表的值将根据第一个下拉列表进行更改

第一个下拉列表

<select class="dropdown" id="home_select">
    <option>Choose your location</option>
    <option value="bangalore">Bangalore</option>
    <option value="delhi">Delhi NCR</option>
    <option value="mumbai">Mumbai</option>
    <option value="chennai">Chennai</option>
    <option value="pune">Pune</option>
    <option value="kolkatta">Kolkatta</option>
</select>
<a class="butt" id="home_btn">Schedule a HOME visit</a>

第二个下拉列表

<select class="dropdown" id="ph_select">
    <option>Choose your location</option>
    <option value="bangalore">Bangalore</option>
    <option value="delhi">Delhi NCR</option>
    <option value="mumbai">Mumbai</option>
    <option value="chennai">Chennai</option>
    <option value="pune">Pune</option>
    <option value="kolkatta">Kolkatta</option>
</select>

jquery的

$("#home_btn").on("click", function () {
    var lct = $('#select').val();
    var slt = $('#home_select').children(":selected").attr("value");
     $('#ph_select').children("option").attr("value")=slt;
    document.location.href='#'+lct;
  });

Answer 1

您需要使用.val()的setter版本来设置值

$("#home_btn").on("click", function () {
    var lct = $('#home_select').val();
    $('#dr_select').val(lct)
    document.location.href = '#' + lct;
});

演示：Fiddle

Answer 2

即使使用JS，它也只是：（DEMO）

var btn = document.getElementById("home_btn");
var sel1 = document.getElementById("home_select");
var sel2 = document.getElementById("dr_select");

btn.onclick = function() {  
  sel2.value = sel1.value;
}

Answer 3

您的代码中有几处错误，只需查看我的固定版本..

这是javascript需要看的方式

$("#home_btn").click( function () {
    $("#dr_select").append("<option>TEST</option>");
  });

http://jsfiddle.net/MbKAS/

Answer 4

你需要这个：

$("#home_btn").on("click", function () {
    var lct = $('#select').val();
    var slt = $('#home_select').children(":selected").attr("value");
    $('#dr_select').val(slt);
    document.location.hash = '#' + lct;
});

1）您需要使用select设置val()的值。

2）您第二次选择ID为dr_select而非ph_select。

3）使用document.location.hash代替document.location.href。

<强> Fiddle Demo

如何将值应用于下拉列表

4 个答案: