Question

我是新来的堆栈溢出，我一直在搜索如何编写HTML和jscript中的下拉菜单。我找到了一些不错的例子，但因为我对jscript了解不多。我正在尝试整合我目前使用的labVIEW webservice。我将添加下面的代码。基本上我使用的按钮与javascript和按钮完美配合。我希望选择菜单完全相同，所以当我选择一个值时，它会调用一个函数，将我需要的值分配给URL。例如，当按下开始按钮时，它在url“digital”中指定start = 1我希望选择菜单发生相同的事情。当我从下拉菜单中选择511时，我希望它在url digital中分配变量patternselector = 1。同样的事情2047 patternselector = 0在网址“数字”等等等我不知道我在做什么，所以如果有人可以请帮助我正确的示例代码/功能所以我知道如何编程所有我的其他选择菜单我会很棒。

<html>
<head>
<script language="javascript" type="text/javascript" src="js/jquery.js </script>
<script type="text/javascript">
    <select id="category" class="icon-menu" onchange="myFunction()"></select>
$(function() {
    function onDataReceived(data) {
        // update the displayed count
        $('#errorfreeseconds').text(String(data.Temperature).substring(0,4) + " degF");
    }

    function fetchData() {
        $.ajax({
            url: "digital",
            type: "GET",
            //data: params,
            dataType: "json",
            success: onDataReceived
        });

        setTimeout(fetchData, 1000);
    }

    fetchData();

    $('#start').click(function(){
        $.ajax({
            url: "digital",
            type: "GET",
            data: "start=1",
            //dataType: "json",
            //success: onDataReceived
        });
    });

    $('#stop').click(function(){
        $.ajax({
            url: "digital",
            type: "GET",
            data: "stop=1",
            //dataType: "json",
            //success: onDataReceived
        });
    });
});
</script>
</head>
<body>
<div id="errorfreeseconds" style="font-size: 300%">0 Error Free Seconds</div>
</br>
<button id="start"style="font-size: 200%">Start Test</button>
<button id="stop" style="font-size: 200%">Stop Test</button>
<select>
<option value="2047">2047</option>
<option value="511">511</option>
<option value="63">63</option>
<option value="71">7:1</option>
<option value="31">3:1</option>
<option value="17">1:7</option>
<option value="14">1:4</option>
<option value="13">1:3</option>
<option value="11">1:1</option>
<option value="Space">Space</option>
<option value="Mark">Mark</option>
<option value="215">2^15-1</option>
<option value="220">2^20-1</option>
<option value="223">2^23-1</option>
<option value="QRSS">QRSS</option> 
</select>
<h3 style="color:green;">BAUD RATE(in Hertz)</h3>
<select>
</body>
</html>

Answer 1

假设select元素有id="mySelect"：

$('#mySelect').on('change', function() {
    var value = $(this).val();
    // do whatever arcane thing you need to do with the value.
});

如何编程使用Javascript选择菜单

1 个答案: