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代码

$('.open-nav').click(function(){

      $("#trigg, #container").addClass('open');

});

Answer 2

试试这可能有所帮助。你可以在select标签中使用onchange（）。

docker images

在javascript中你编写了call_function（）的代码。比如

 <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>

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()">

按ID执行所选选项

4 个答案: