Question

这是我的链接：http://vkacademy.in/medvanndemo/test/类型Class.I想要在jquery中获取所选的下拉列表值。我也试过onkeyup，keypress，change和bind。这是我的代码。

<html>
<script type="text/jscript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="jquery/js/jquery-ui-1.8.2.custom.min.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function(){
$('#categoryfield').autocomplete({source:'suggest_cate.php', minLength:2});
});
</script> 
<script>
$(document).ready(function(){
//alert('ok');
$("#categoryfield").change(function()
{
var catid1=this.value;
//alert(catid1);
var url="sample.php?cateid1="+catid1;
//alert(url);
$.post(url,function(data){
//alert(data);
$("#option1").html(data);
});
});
$("#option2").click(function(){
$("#option2_error").html("Sorry! Please select the product.");
});
});
</script>

<body>
<form name="frm1" action="" method="post">
<input type="text" name="category" id="categoryfield" value='' class="buttonlength" placeholder="E.g. Tuition, Music, Dance"/>
<span id="option1">
<select name="pname" id="option2">
<option value="">Select the field</option>
</select></span>
<span id="option2_error" style="color:red; font-size:15px;"></span>
<br><input type="submit" name="sub"/>
</form>
</body>
</html>

这里：我使用jquery autocomplete给出了我的链接我带来的数据。但我的问题是我使用了更改功能。所以我不会得到完整的选定下拉值。我尝试过bind，onkeyup，keypress，keydown没有什么对我有用。

sample.php

在这里，我想得到的只有一个值，如Class IV Tuition（All Subject），Class IV Tuition（Maths）。当它回应时，它停在课堂上的全部值不会来到如何获得jquery.base中的选定下拉列表在这个在PHP我想在PHP中显示表单。

 <select name="pname">
    <?php 
    $query=mysql_query('select p.p_cat as test from parent_cat p where p.p_cat like "%'. mysql_real_escape_string($_GET['cateid1']) .'%" union select c.ch_cat as test from child_cat c where c.ch_cat like "%'. mysql_real_escape_string($_GET['cateid1']) .'%" union select s.sub_cat as test from sub_cat s where s.sub_cat like "%'. mysql_real_escape_string($_GET['cateid1']) .'%"');
    while($row2=mysql_fetch_array($query))
    {
    ?><option value="<?php echo $row2['pid'];?>"><?php echo $row2['test'];?></option><?
    }
    ?>
    </select>

Answer 1

尝试$（this）.val（）而不是this.value;

$("#categoryfield").change(function()
    {
    var catid1=$(this).val();
    //alert(catid1);
    var url="sample.php?cateid1="+catid1;
    //alert(url);
    $.post(url,function(data){
    //alert(data);
    $("#option1").html(data);
    });

如何在下拉列表中获取所选值

1 个答案: