文本输入，选择和单选按钮以及如何更改div查询中'价格'的值？

我有一个文本输入来保存文章的数量，代表文章类型的下拉列表和代表是或否的两个单选按钮，以确定用户是否想要专家。所以：文本输入，选择和单选按钮以及如何更改div查询中'价格'的值？

<input class="form-control" type="text" name="article_number" id="article_number"> 
    <select class="form-control" name="scribbles" id="scribbles"> 
    <option id='49' value='standard_blog_post'>Standard Blog Post</option> 
    <option id='59' value='long_blog_post'>Long Blog Post</option> 
    <option id='69' value='website_page'>Website Page</option> 
    <option id='299' value='white_paper'>White Paper</option> 
    <option id='50' value='tweets'>Tweets</option> 
    <option id='75' value='facebook_posts'>Facebook Posts</option> 
    <option id='49' value='email_newsletter'>Email Newsletter</option> 
    <option id='149' value='press_release'>Press Release</option> 
    <option id='199' value='video_script'>Video Script</option> 
    </select> 
    <input type="radio" name="expert" value="yes">Yes I Need An Expert<br> 
    <input type="radio" name="expert" value="no">No I don't need An Expert 
    <div id="finalprice"></div>

我已经作出了选择下拉每种类型的相关条款的“价格”的ID的。专家将每件商品的价格翻倍。基于上面列出的所有变量，您如何使用所有这些信息来显示最终价格div中的价格？

来源

2014-08-28 user1779397

OK，你的HTML是冷静，现在，这里是jQuery的你试过吗？（旁注：数字ID仅在HTML5中有效......） – 2014-08-28 20:09:03

您忘了发布您尝试过的JavaScript。 – j08691 2014-08-28 20:10:55

用你现有的HTML这里是一个jQuery脚本，它可以给你你想要的。

$(document).ready(function() { 
    $('#scribbles, [name="expert"]').on("change", showPrice); 
}); 

function showPrice() { 
    var price = $("#scribbles option:selected").attr('id'); 
    if ($('[name="expert"]:checked').val() === "yes") 
     price *= 2; 
    $("#finalprice").text(price); 
}

小提琴here

来源

2014-08-28 20:23:22 dave

文本输入，选择和单选按钮以及如何更改div查询中'价格'的值？

回答

相关问题