显示基于多个选择jQuery和PHP的DIV文本

时间:2014-07-04 01:47:15

标签: php jquery mysql

我试图搜索谷歌和这里关于我的问题,但还没有找到我可以使用的确切答案。所以我在这里问。希望能找到帮助。

我在表单中有一些输入字段,并希望使用jQuery显示DIV。细节(伪逻辑)如下。

V1: <input type="radio" name="rad" value="v1" />
V2: <input type="radio" name="rad" value="v2" />
<select name="sel">
<option value="o1">o1</option>
<option value="o2">o2</option>
</select>

现在,根据选择,jQuery将根据填写在表单字段中的数据在最初为空的隐藏div中生成文本。

例如,可能会显示

<div id="d1">
The calculated value for rad(o1) & o2 & t1 is "value1"
</div>

如果它只用于PHP,我可以使用的简单代码,在另一个php文件中处理,将是(使用mysql查询,我知道真正的转义字符串,这里没有提到),

$radioBtn = $_POST['rad'];
$selDrpDn = $_POST['sel'];
$textData = $_POST['t1'];

//Using this query, 
$queryString = mysql_query("SELECT * FROM mobiles WHERE jobType = '$radioBTN' AND modelName = '$selDrpDn' AND compName = '$textData'");

1 个答案:

答案 0 :(得分:0)

不确定这是否能回答您的问题...

$(function() {
    $("select[name='sel'], input[name='rad']").on("change",function() {
         $('#d1').html("You selected : " + this.value).show();
    }
});

使用您在上面提供的表单代码和div示例。