如何创建一个链接到预先选择一种形式的选项

我有以下几点上我的网站上另一个网页的代码与窗体（index.html页面上说）：JSFiddle 如何创建一个链接到预先选择一种形式的选项

<select class="select form-control" id="dropdown" name="dropdown" onchange="showForm()">

即一个下拉表单。

我想在另一个网页上有一个链接，它会转到此页面，并且已经选择了“销售”选项。

<option value="1"> 
    Sales 
</option>

从下拉菜单（而不是当前的默认选项），我该如何创建？

来源

2017-06-06 Steve Jobs

查询参数可用于实现所需的结果，但您需要在当前页面上手动解析查询参数，因为没有标准的JavaScript方法来执行此操作。

你可以写你的网页下面的代码来自动选择选项：

$(document).ready(function() { 
    // Parse your query parameters here, and assign them to a variable named `queryParams` 
    var option = queryParams.type; 
    $("#dropdown").val(option); 
});

现在你可以用这个页面，例如的URL创建锚定http://yourpage.url?type=1，它将重定向到此页面，并会相应地自动更改下拉列表的值。

来源

2017-06-06 10:57:41 31piy

你可以像这样解析查询字符串：https：//stackoverflow.com/questions/2090551/parse-query-string-in-javascript，也许你必须触发更改事件的其他功能 - > $（“＃dropd自己的“）触发（”变“）; – Mic

你能为此提供一个JSFiddle :) –

@SteveJobs - 我已经在[这个小提琴]中包含了我的JavaScript（https://jsfiddle.net/fmktg2dp/1/）。 – 31piy

您必须在站点中使用Javascript添加某种路由器功能。

我认为最简单的事情是你可以在页面中有一个脚本来检查url是否有#bar这样的散列：http://yoursite.com/foo.html#bar。

<script> 
// make sure you run this on DOM ready like in $.ready() in jQuery or in a script just before closing the body tag 

if(window.location.hash === 'bar') { 
    // add the selected attribute to the <option> you want 
} 
</script>

来源

2017-06-06 11:00:21 vassiliskrikonis

尝试与jquery的append()功能。而且，在平变化的函数调用传递this也.AND用的document.ready添加用于与选定的值上创建文档加载连杆

function showForm(that){ 
 
var s = $(that).children('option:selected').text() 
 
$('#link_box').append('<a href="'+s+'">'+s+'</a></br>') 
 
} 
 
$(document).ready(function(){ // for window load 
 
showForm($('select')) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group "> 
 
    <label class="control-label" for="dropdown"> 
 
\t \t \t \t What can we help you with? 
 
\t \t \t \t  
 
\t \t \t \t </label> 
 
    <select class="select form-control" id="dropdown" name="dropdown" onchange="showForm(this)"> 
 
\t \t \t \t <option value="0" disabled> 
 
\t \t \t Select an option 
 
\t \t \t \t \t </option> 
 
\t \t \t \t <option value="1" selected> 
 
\t \t \t \t \t Sales 
 
\t \t \t \t </option> 
 
\t \t \t \t <option value="2"> 
 
\t \t \t \t \t Complaints 
 
\t \t \t \t </option> 
 
\t \t \t \t <option value="3"> 
 
\t \t \t \t \t Queries 
 
\t \t \t \t </option> 
 
\t \t \t \t <option value="4"> 
 
\t \t \t \t \t Ideas 
 
\t \t \t \t </option> 
 
\t \t \t \t </select> 
 
</div> 
 
<div id="link_box"> 
 
<!-- its a link append box--> 
 
</div>

来源

2017-06-06 11:08:17 prasanth

如何创建一个链接到预先选择一种形式的选项

回答

相关问题