6 
  <div class="selCont">
        <h2>pick an option</h2>
        <select id="my-dropdown" name="my-dropdown">
            <option value="0">Please Select</option>
            <option value="1">West</option>
            <option value="2">Land</option>
            <option value="3">Easter</option>
            <option value="4">Springtime</option>
            <option value="5">Celtic</option>
            <option value="6">Spectacular/</option>
            <option value="7">Weekend</option>
            <option value="8">Dark</option>
            <option value="9">Treasures</option>
        </select>
        <button class="go-btn" type="submit">
        Go
        </button>
</div>

したがって、基本的には、ユーザーがオプションを選択し、[実行] ボタンを押すと、スクリプトが実行されてドロップダウンの値が表示され、その値を使用して関連するページに送信できるようにしたいと考えています。

私はいくつかのことを試してきましたが、まだうまくまとまっていません。いつものように助けていただければ幸いです。

編集

http://jsfiddle.net/TmfyC/ - これは、コメントの 1 つを参考にして最近試したものです。

*私が利益をもたらす可能性のある人々のために使用したもの*

$('.go-btn').click(function() {
    window.location = $('#my-dropdown').val();
});

これが私がやったことであり、ページのURLとして値を割り当てました。御馳走のように機能するようです。助けてくれてありがとう。

4

6 に答える 6

12

2つのこと：http://jsfiddle.net/xSyF2/1/ または http://jsfiddle.net/xSyF2/

コード

$('.go-btn').click(function() {
    var selected = $('#my-dropdown option:selected');
    alert(" If you want text ==>"  + selected.html()); 
});​

また

$('.go-btn').click(function() {
    alert(" If you just want value ==>"  + $('#my-dropdown').val()); 
});​
于 2012-07-27T11:10:47.243 に答える
1

これは、jquery ではなく、通常の JavaScript を使用して行う方法の簡単な例です。

<script type="text/javascript">

    function goToProperPage() {
        var url;
        var location = document.getElementById("my-dropdown").selectedIndex;
        if (location == 1) {
            url = 'http://www.page.com/west';
        }
        else if (location == 2) {
            url = 'http://www.page.com/land';
        }
        window.location.href=url;
    }

</script>

<div class="selCont">
    <h2>pick an option</h2>
    <select id="my-dropdown" name="my-dropdown">
        <option value="0">Please Select</option>
        <option value="1">West</option>
        <option value="2">Land</option>
        <option value="3">Easter</option>
        <option value="4">Springtime</option>
        <option value="5">Celtic</option>
        <option value="6">Spectacular/</option>
        <option value="7">Weekend</option>
        <option value="8">Dark</option>
        <option value="9">Treasures</option>
    </select>
    <button class="go-btn" type="submit" onclick="javascript:goToProperPage();"> Go </button>
</div>
于 2012-07-27T11:13:12.730 に答える
1

これは値を取得し、クエリ文字列で渡された ID 選択でブラウザを他のページにリダイレクトする例です。

function doSomething()
{
    var seleciton = parseInt($("#my-dropdown").val());

    if(isNaN(selection) || selection <= 0) // Additional verification
    {
        alert("Please select valid option.");
        return;
    }

    window.location.href = 'http://somewhereelse.com/something?id=' + selection;
}
于 2012-07-27T11:08:22.983 に答える
1 
​$('.go-btn').click(function() {
    var selected = $('#my-dropdown option:selected');
    if (selected.length) {
        // Do something with your selection
        alert(selected.val());
    }
});​​​​​​​​​​​​​​​​​​

ワーキング JSFiddle

于 2012-07-27T11:06:17.090 に答える
0

これで十分だと思います。

$(".go-btn").on('click',function(){
             alert($("#my-dropdown").val());
});
于 2012-07-27T11:09:48.040 に答える
0 
$('.go-btn').click(function(){
if($('#my-dropdown').val() == 0 ){
 alert('Please select an option');
return false;

}  
// do what you want here
});
于 2012-07-27T11:10:37.820 に答える