如何創建一個鏈接到預先選擇一種形式的選項

我有以下幾點上我的網站上另一個網頁的代碼與窗體（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

如何創建一個鏈接到預先選擇一種形式的選項

回答

相關問題