通過ID執行選擇的選項

Question

我想在選擇並使用執行按鈕執行選項后執行其ID。 例如，我選擇“奧迪”，然后在按“執行”后要執行ID 4。

<select>
 <option value="volvo" id="1">Volvo</option>
 <option value="saab" id="2">Saab</option>
 <option value="mercedes" id="3">Mercedes</option>
 <option value="audi" id="4">Audi</option>
</select>
<a id="//option-chosen-id">Execute</a>

Answer 1

執行類型按鈕並使用onclick執行您的Javascript代碼

<select id="abc">
 <option value="volvo" id="1">Volvo</option>
 <option value="saab" id="2">Saab</option>
 <option value="mercedes" id="3">Mercedes</option>
 <option value="audi" id="4">Audi</option>
</select>

<input type="button" value="Execute" onclick="func()" />
<script>
      function func() {
        var b = document.getElementById("abc");
       var a= b.options[b.selectedIndex].value;
}
    </script>

Answer 2

試試這個可能會有所幫助。 您可以在select標記中使用onchange（）。

 <select onchange="call_function()" name="select">
 <option value="volvo" id="1">Volvo</option>
 <option value="saab" id="2">Saab</option>
 <option value="mercedes" id="3">Mercedes</option>
 <option value="audi" id="4">Audi</option>
</select>

在javascript中，您編寫了call_function（）。like的代碼

function call_function(){
// your script here
}

Answer 3

假設已安裝jQuery：

<select id="mySelect">
    <option value="volvo"    id="1">Volvo</option>
    <option value="saab"     id="2">Saab</option>
    <option value="mercedes" id="3">Mercedes</option>
    <option value="audi"     id="4">Audi</option>
</select>
<a id="exe">Execute</a>
<script>
    $(document).ready(function() {
        $("#mySelect").on("change", function() {
            $('#exe').prop('href', "//" + $('#mySelect').val());
        });
    });
</script>

更改選擇框后，這會將錨標簽的鏈接位置更新為// 選項 。

Answer 4

用這個。

<script>
function abc(){
    var b = document.getElementById("abc");
    var a= b.options[b.selectedIndex].id;
    alert(a);
}   
</script>
<select id="abc">
 <option value="volvo" id="1">Volvo</option>
 <option value="saab" id="2">Saab</option>
 <option value="mercedes" id="3">Mercedes</option>
 <option value="audi" id="4">Audi</option>
</select>

<input type="button" value="Press" onclick="abc()">